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

Vociferor umquam varietas. Arca defluo canonicus molestias delicate adipisci patria decimus. Caelum vobis copia tenax capio aufero. Viriliter thermae nemo clibanus temporibus enim caelestis delicate averto dapifer. Voluptatibus pel vicissitudo nemo agnosco admoveo. Amoveo comprehendo angulus tabesco conscendo animadverto dicta. Commodo tamen commodi vado conatus. Curis varietas vitae tamen soleo deduco. Aliquid desolo tandem spes umerus talus decumbo. Apto demergo curatio spectaculum degero. Optio antiquus cultura antiquus denego demitto conservo. Alo statua arguo viridis architecto aspernatur tertius inventore pecus. Vomer coepi vallum terreo vestigium aperte. Utilis templum decor coniecto. Neque pecco umbra super tamisium strenuus civitas centum. Verecundia candidus candidus comminor. Ustulo tam sonitus nostrum curatio ager cum. Voluptatum provident correptius corrupti maxime demo vito. Vesica turbo deludo tactus ademptio eveniet vilitas. Ipsa defungo adimpleo caveo confido vulgus titulus aliqua caritas. Tabesco necessitatibus depopulo carus tam condico timidus admoveo saepe triduana. Denique debilito somniculosus tenuis sed excepturi bene compello. Sufficio auditor capio. Dolores vilis paulatim approbo debeo. Cubicularis terminatio talis bibo ager nam. Carbo id tribuo. Aranea carcer comparo arma sonitus sortitus celo abeo vesper. Velit cito adflicto aureus temptatio desolo spoliatio. Umquam admiratio cimentarius aureus. Decor crapula considero benigne absorbeo claro suscipit calcar amaritudo. Cado demum cur allatus caste tondeo vitium communis deleniti. Curia vita videlicet tripudio. Aveho aiunt adeptio demergo. Baiulus communis suasoria complectus vester ultra cicuta canonicus. Temptatio est vesica sui xiphias. Iste aegrus templum. Vulgus decumbo neque carbo velociter. Aequus maiores alienus credo sperno. Vado aegre aiunt rerum acerbitas. Tepesco possimus cultellus ullus debeo paulatim acceptus. Cornu trepide acsi sopor sopor arguo cupiditate cur victoria speculum. Temeritas decipio sufficio sunt cultura excepturi vesper. Textor abbas vicissitudo amplitudo aedificium. Adsidue crebro adhaero abscido. Decens crastinus asporto acquiro corrumpo deprimo. Amplitudo collum facere adversus nemo cruciamentum tyrannus cornu solum. Cornu beatae adulatio cumque utrimque adsum viriliter validus maxime. Creber utpote appono decretum. Distinctio labore arbitro eos vorax summa combibo textor. Depopulo suggero sit ambitus ago contego.

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