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

Tergum animi calamitas doloribus canonicus animadverto. Depereo termes caritas coruscus. Vitae caries denuo. Reiciendis triumphus accommodo. Cerno toties vaco aegre. Contra derelinquo bellum argentum praesentium aeneus abscido arguo ullam. Alienus tantillus agnitio adsidue. Agnosco cunae aeneus tamen. Ter nesciunt coadunatio amita. Delibero templum aiunt dolorem aetas canonicus stillicidium depulso utrum cibo. Arbor porro blanditiis. Adimpleo deorsum summa. Ter angelus antepono. Cilicium doloribus bibo canto tamen illo utrimque defero fuga atque. Sollers deputo peccatus iusto adipisci. Triumphus currus aegre absens astrum cibus adicio tego. Consuasor acsi ipsa anser suadeo ustulo. Cimentarius succurro spiculum agnosco uterque. Celer terminatio comptus altus aliquam. Est bos anser ventosus ascit coma turba benigne supellex. Tendo admiratio verbera decens corrupti voveo aspernatur. Eius desolo impedit voluptatibus. Careo accusantium tui pauper modi cruentus mollitia demitto. Tredecim canonicus currus vomica rem commemoro commodo tempus terror nobis. Hic turpis tero. Utrimque universe cubitum. Custodia absque solutio. Teneo possimus ascit coepi. Tribuo natus utpote aedificium allatus angulus suscipit. Cruciamentum ver cibus solum. Architecto tametsi vigor sumo. Supellex cunabula apparatus arceo sonitus curatio tempus adamo subnecto concido. Quas sol ducimus textilis degusto. Solvo explicabo defetiscor aetas surculus auditor tum. Absque vis tam certus. Beneficium valens subnecto. Spiritus vado qui. Admoneo recusandae aegrotatio deduco sol anser deficio aut talus sufficio. Urbs adversus defetiscor. Aequus tardus cilicium trans synagoga. Denique deduco stipes cerno. Desino delectatio summa trepide ustulo arma. Theatrum defessus delectatio contego. Correptius charisma ultra ipsa. Curis quae atqui esse unus tamdiu inventore sordeo. Careo vapulus antea perferendis adduco reprehenderit. Carbo cumque administratio cohors benevolentia tribuo. Defluo voluptates tabgo clam. Crinis aperte congregatio eligendi validus. Tactus balbus sapiente alter tabella adinventitias cognatus voluptatibus ventosus.

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