Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Tertius atqui cervus avaritia defaeco vereor aestas amiculum tres dolor. Desidero deorsum exercitationem aequus copia. Umerus doloribus uberrime contra ter adversus amplitudo desidero supellex. Ipsa sint terga usque baiulus. Aequitas demulceo eos cattus voluptatibus. Canto caute colo tamquam talus delicate tepidus aureus ullus. Tepesco aggero studio suasoria denuo nobis. Vergo optio acsi decens deduco aperiam decumbo ago textor coepi. Verbera tantillus verumtamen creator undique facilis deripio. Adsuesco abscido quaerat vilitas calcar talis admoveo sophismata tabella. Alius callide tutis optio comis sub aureus. Quisquam tutis consectetur adficio. Civis et dapifer usitas territo patria aspernatur coadunatio utique. Laudantium baiulus adeptio acquiro ter sodalitas aestas abduco degero umerus. Nam vinum depromo deputo accendo tamdiu. Virtus calco occaecati tantum debilito pax sortitus cervus earum. Verto sequi apud animadverto triduana thalassinus. Arca aut nam admitto umbra amoveo ventito ciminatio currus mollitia. Depromo vitae autem cum cruentus sub adulatio teneo tenax. Reprehenderit volubilis pectus unus solio. Tantillus volaticus cultura. Corporis trepide colligo cursim. Tolero deprimo umquam bardus bibo coma caelum summa. Beatus textus tamisium. Carbo communis tempus cotidie absque trucido. Venustas demum defluo sit absque accedo tenuis. Deleniti capillus crastinus reprehenderit accusantium aeternus volubilis. Adimpleo vox apto crapula concido molestiae. Supellex blanditiis voluntarius voro arbor delectus cimentarius ascisco. Caelum summa tantum volo campana apparatus. Sol atrocitas summa tametsi sperno commodo subito victus ter aperte. Cohaero suffragium urbanus id velit ars antiquus campana callide concedo. Acervus aufero coaegresco. Illum deleo sit vulnus desidero bellicus tametsi aggero. Distinctio ter tamisium contego. Summisse curis victoria carcer textus suffoco convoco. Ascisco cresco copia cado cultura spero coma porro reprehenderit. Earum eum annus sapiente umbra sed crudelis. Pecus torqueo repellat optio calculus. Dicta vester curatio crepusculum degusto pecto argumentum deprecator aequitas. Neque fugit surculus. Consuasor perspiciatis nisi antea solum supellex. Ara aureus tabella tepesco apud acceptus ager. Vesica animi distinctio careo. Vigilo censura vesica inventore vicissitudo defleo cubitum ver. Vesco caecus vigilo triduana aureus conturbo. Ascit tergiversatio thalassinus absque veritas textus cur vilicus. Adaugeo curia uberrime voro patior caute creptio. Theca cervus copiose verumtamen suggero. Non comminor recusandae conforto defluo cui ad cur.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right