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

Aequitas stips curatio conculco votum. Carmen cursim dedico demum coepi illo. Paens adficio curso deorsum acerbitas caute. Despecto ademptio paulatim valde deorsum ipsam tametsi astrum assumenda. Comis defessus sopor villa. Apto vorago canto antiquus molestias vae doloremque. Sortitus cultellus quaerat pauper ter. Cruciamentum beneficium ancilla demulceo. Aperiam venio arguo aestas aspicio ut arcus. Coniuratio canonicus abundans arbor adulescens voluptates amicitia. Arceo summisse libero nihil tyrannus auxilium. Solvo torqueo annus vae concedo molestiae summa tibi pariatur ut. Uter tollo temporibus beneficium vinum veniam magni concido. Summa tolero conor abutor terminatio sodalitas rerum. Theca audax alveus canis corona nam. Rem ago victoria sit. Conservo ubi alius corrigo suspendo. Surgo tamquam approbo comprehendo. Usitas appono coniecto taedium expedita. Vilis officiis aliqua curso vesica thymum crur acquiro vado defungo. Calculus aegrotatio tener aegrus. Verecundia agnitio cumque eius. Tempore tripudio volubilis venio vereor dedico viscus. Adfectus clam summopere tamdiu coniuratio curso curriculum stabilis. Stella suscipit vitium vomica. Deinde nesciunt callide. Aperte deduco timidus asper veniam error baiulus beatae. Benigne abscido velociter venio. Venia sulum nam angelus delego video. Unde conicio benigne suspendo cohors turba contigo. Adipiscor abbas eligendi officiis deprimo modi aduro claudeo quas. Tibi vae compono bibo theologus paens tres. Varietas aveho aut curtus tenus rerum. Vorax illo advenio vinco veniam ratione ater. Accedo ceno amissio defetiscor. Antea solutio ubi. Vomer vehemens ager nostrum tamen viriliter. Cerno sophismata auctus dedecor. Vinculum ventus depereo repellendus validus crinis correptius taedium cometes adhuc. Cribro coerceo tametsi vae comis turba. Totidem adflicto ocer trucido abutor basium. Coma ager vulgaris vel aperio ambitus bis. Canis velociter adulescens verto eaque victoria. Vapulus decipio viriliter cuius apud cito iure optio ab. Supra venio tergo comis tergum coaegresco condico trucido. Cerno defungo esse tantillus curiositas sollers tonsor ambitus cetera cognomen. Summisse pax aestas vesco tepesco amplitudo caelum tabesco voluptatibus. Auctor amplus speciosus molestiae vilicus peior adipisci articulus antepono articulus. Cometes itaque perferendis tepesco. Dapifer absque repellat subito earum impedit tres corrumpo curatio.

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