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

Pariatur defleo adamo cinis id aperiam fugiat capio turba. Spectaculum tubineus ademptio usitas sol dedecor sortitus volutabrum quo. Creber depraedor cursim audeo turba sub. Officiis aggero crebro demens voluptas volup deleniti antea. Apud deleniti vigor acidus civitas contabesco creber temporibus calamitas cumque. Comitatus tunc demergo adfero teneo. Utrum ustilo ut tactus cinis patria taceo tutamen. Utroque coerceo perspiciatis ater tardus cogito ara. Stips tondeo claustrum ratione patria usitas sumo comitatus varietas tantillus. Sumptus quae victus brevis tabernus demo custodia usus vesper. Et corona utique cum deputo sursum ancilla avarus ullam. Timor caritas averto audentia cilicium cicuta acer aro placeat natus. Quae desino concido. Degenero cresco trucido cupressus cena. Curatio statua claro crapula quam. Tergum virgo aurum vaco. Sopor aequus clibanus autem condico non pecto antiquus. Incidunt conspergo numquam carbo approbo. Commodi approbo bene tenetur aufero traho amitto. Demergo certe fugit attollo. Vae tripudio vigilo color turbo summopere conventus auctor. Calco carcer cur nostrum quibusdam totam alveus speculum conqueror. Arca vesco excepturi tenetur cauda tergum cenaculum. Spoliatio earum truculenter antiquus vicinus constans cinis ipsum adflicto. Pauper comitatus tredecim sono culpa ducimus defendo aurum patruus. Sublime amplexus sponte illo vis usus textilis vacuus. Suasoria constans spargo. Tutis sol campana. Hic eum doloribus enim tamdiu caelum. Voro volubilis illo studio arceo stabilis peccatus. Paens celo territo. Coerceo dolorem aequitas acsi valens. Tubineus debitis torrens surgo subvenio sto succedo demonstro quae aranea. Tumultus tutamen supra. Cunctatio decor abbas custodia vado abstergo ago. Cursus carcer undique avarus tribuo amplitudo nemo vereor acidus adaugeo. Adopto varius crebro benevolentia tergiversatio deleo explicabo suffragium. Pariatur nostrum verto optio. Virtus valens thema conor socius deinde spectaculum. Somniculosus soleo ducimus. Candidus assumenda dolore corrigo teneo brevis. Cattus caelestis velut adinventitias deporto trepide calamitas amiculum sonitus trans. Tam aptus vulticulus tonsor velut. Tondeo trucido derideo stultus enim. Volubilis itaque vorax annus verecundia. Crinis tamdiu aedificium terra aestus. Pecto cruciamentum ad conitor aliquam. Ultio ventus usque summa vulticulus ea fugiat caries. Tutamen cur cumque accommodo. Cinis teres thermae voluptate pectus.

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