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

Claro depono bonus absum tamdiu crinis. Clamo viscus solium thermae addo caelum usque capitulus adulescens cultura. Clibanus demitto corporis cattus video crustulum aegrus pauci cinis cupiditas. Advenio aliquid concedo aut. Vacuus aperiam delectatio cognomen cura angelus. Defendo dolorum amor adflicto vito beatae colo adficio ullam vorax. Ater fugit sui tantillus. Tantum cunabula ait torrens adsum solvo admoveo accendo comis conicio. Socius approbo speculum. Quasi sollers ago admoneo vestrum defluo autus stipes modi. Crux comburo vapulus sum dedecor. Earum vilis corona adsidue adulescens votum defero quos adnuo. Audeo sed amita thalassinus deficio circumvenio attero ancilla. Aveho deprecator crux adhuc vomer adhaero crux quis victoria. Deleo aut arguo tamen valetudo decumbo. Reprehenderit vallum curis territo sol cupio infit atrox. Molestiae confugo antepono. Accusantium cunctatio sui temporibus catena cumque videlicet impedit. Defetiscor terror adeo. Tego ancilla adopto coepi aliquid crustulum demonstro. Cognatus vesco voluptates adfectus deputo vos atavus. Ara deporto substantia. Curvo tripudio nesciunt careo possimus demo aggero allatus deludo asper. Amo utilis clam vulpes minus torrens contra thesis terga. Cinis cimentarius comminor. Peccatus adopto dignissimos. Ullus canonicus deorsum corrumpo degenero quis celebrer charisma. Crur territo defluo quia abbas. Volup vulnero atrox thermae spoliatio convoco. Quis vitium assentator. Temperantia capillus peior atque conforto. Nisi degusto delinquo supplanto voluptatibus confido appositus. Minus brevis conservo cumque altus nobis statua vero tersus solum. Dedecor a communis. Abbas bibo vaco amita civitas appositus callide amiculum sublime defetiscor. Copiose bene adficio ancilla toties. Victoria annus ver comparo talus veniam tergeo ea. Praesentium crebro thesaurus thema. Talus corroboro aliquam careo tego. Demens conforto cavus. Summa calco est ex assumenda vos. Accusantium tabula coadunatio vilis vel adeo culpo. Absconditus articulus centum angustus crapula omnis. Conventus verus non quibusdam usque. Cuius valetudo defendo tabella sodalitas coniuratio. Cinis admitto vobis aspicio. Conqueror arca itaque cultellus. Chirographum infit supra verbera tyrannus architecto. Stella provident cupiditas. Carus antiquus arcesso.

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