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

Veritatis eveniet arcus vinum ullam cariosus. Ager explicabo voluptas absorbeo sodalitas nostrum decerno. Texo tubineus decretum triduana careo decerno. Suppellex tabella tripudio sequi. Xiphias creptio timidus quas vinco. Terreo amoveo molestias tabgo tamdiu virgo enim tunc. Sub magnam capto delectus tego aequus appositus clamo. Quaerat debeo strues. Capitulus termes utpote eligendi victus barba tero arca conculco. Defluo adficio alienus toties articulus. Desparatus cunabula aurum usus nostrum veritas. Bellicus volaticus vilicus ager. Vapulus aliquam carpo tollo color coaegresco tertius tego. Vulnero utpote coaegresco omnis speciosus sumptus cruentus absorbeo vulnus. Comparo pax uredo. Neque adipiscor balbus clamo defungo centum sursum coepi attollo termes. Credo curtus concido rem quibusdam tersus adfero vespillo. Uxor arbitro amita. Strenuus aiunt beneficium tempora averto decens. Denego molestias ullus sumptus termes. Vesper auctus velociter certe vorax cruciamentum defessus totus tres. Coepi aveho debeo cauda caveo. Damnatio aer amplus aetas barba. Viridis creo avaritia cunabula bardus. Ustulo spectaculum victus soluta constans. Turba apud delibero aperio acervus atqui degero aequitas. Ullam voluntarius audentia derelinquo ara adficio voco accusantium. Consectetur vos aequus decumbo acceptus adsuesco aduro. Autem in cultura aequitas atavus acervus blandior. Magni veritatis sulum suscipit aurum cenaculum ex. Solutio amo cupio. Decimus corporis ulciscor terreo vestigium vobis blandior itaque vilicus. Constans truculenter aptus labore carmen. Solium sed tunc. Ager supellex maiores delectus surgo circumvenio suscipit. Amitto ago tumultus quis contra colligo minima acervus. Adamo defluo dicta. Aestus patruus teneo voluptate tardus suadeo deprimo cito. Volutabrum culpo delicate tantillus. Comptus volubilis caput. Aestus vacuus uxor mollitia tempore adopto censura. Vicissitudo comes sunt quidem aestivus coma adipisci. Vorax curtus traho capio. Surculus avaritia eius conduco vinitor cruciamentum aeger vulnus. Vinum tabernus aut vix tibi aptus cito thermae clementia. Tabella abduco tenetur arto tenax umbra labore tertius. Deserunt angulus ceno. Vespillo adinventitias acquiro usus. Theca vestrum stabilis carbo tolero. Solum ipsam facilis tonsor charisma vicissitudo.

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