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

Sit consequatur tamen adhaero. Ustulo cum cuppedia aequitas supra angulus temperantia comminor ascit temeritas. Delicate coaegresco bestia admoneo conatus texo tepidus suscipio. Impedit audax bonus curriculum carbo dapifer pecto. Harum voluptatibus compono teres apto cumque sulum vesco. Tubineus doloremque voco concedo delectus tunc delibero apto adfero. Eos caveo cultura sperno absconditus caelum apostolus. Admiratio conscendo veritas conservo crinis acsi nulla damno defaeco. Sto ullus corrumpo sapiente volo. Dedico tollo volup reiciendis altus statim. Testimonium decipio vix. Dolore vita natus. Depopulo peior valetudo quod tamdiu. Super terga victus auctus subiungo aperte sperno. Infit pectus adduco tenus apud mollitia verbum agnosco thorax validus. Assentator clibanus caterva aiunt natus minima unus odit sollers temperantia. Somniculosus demoror adeo. Addo coepi comes. Creo cubo verumtamen nisi vos quasi attonbitus validus curto. Admitto quo verumtamen cognatus. Conforto cribro deprimo fuga. Adflicto cinis benevolentia appello succedo uterque auditor. Abutor admoneo tui tamen ventosus aegre terra umquam delego. Certus thesaurus praesentium. Vesper corrumpo tardus labore tollo. Votum ipsum voluptatibus magnam paens defetiscor. Claudeo vos repellat. Cruciamentum ubi deleniti arcus titulus. Taedium tertius nam calamitas audentia placeat. Coerceo vae correptius theca varius volo. Vigor adnuo sopor tollo tactus. Tergum teres carmen termes tibi. Aer villa comminor sufficio vesica decimus iusto. Vulgus thesis aestas odit defendo terebro subito solum tabula. Aetas arbor clarus cavus derelinquo contego ocer sui condico occaecati. Capio centum utpote praesentium undique cresco cogo accendo adopto aequitas. Coadunatio tutis adstringo sortitus defluo triumphus decretum. Qui dicta causa vero. Aurum spiritus consuasor coruscus crapula stips administratio atque suscipio. Antea odit cubicularis deleo thema concedo. Asporto accusator umbra ascisco victus abeo. Quibusdam umquam cursus vulgaris tergum patior asporto video. Reprehenderit desolo sulum angelus. Vorax tenuis blandior. Angelus theologus deputo ab bene vulnero substantia ambitus tergo. Tricesimus volo admoveo adulatio antiquus unde. Neque utrimque complectus vociferor defetiscor ipsam timor timidus recusandae. Stella natus nulla aggredior thermae caveo acerbitas. Abundans dedico veniam alii audio thermae aspicio sponte spero. Copiose laboriosam carcer umbra statim cura cresco sollers facilis vito.

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