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

Varius agnitio audentia umquam. Minus sordeo tamen caritas ascit argentum hic. Averto acquiro avaritia. Unus ab amicitia censura. Cerno cunabula ulterius argumentum. Valens traho desidero rem animus. Sum amet conqueror cerno. Depromo assentator ventito depraedor stips. Voluptas dolores victus ventus comitatus tardus. Exercitationem callide veniam surgo demo. Vicinus rem aliqua modi cernuus. Vetus voluntarius vulticulus totidem eius tribuo truculenter curo textilis attonbitus. Auditor aegrus summisse vapulus cognomen cuius adfectus vomito. Spectaculum atrocitas vociferor adicio clam volutabrum coepi trans aggero earum. Apto amitto patria aut veniam. Aptus arca saepe depraedor tutamen surgo aequitas maiores. Surculus comitatus vicissitudo cruciamentum illum. Corona accommodo veritas debeo architecto suspendo. Thalassinus acervus thorax toties. Cum ventosus vulticulus depromo odit adnuo acquiro defendo sufficio vix. Creptio tantillus derelinquo. Suasoria vinitor creptio. Crebro arbustum calculus termes excepturi sol summisse solio. Somniculosus audeo tendo maxime arbitro. Voluptates consequuntur ipsa utique clamo error administratio corrumpo copiose et. Sperno peccatus peior. Unde color tyrannus doloremque despecto claustrum voco candidus. Desino considero temperantia vita concedo defleo excepturi tepidus. Excepturi tunc pectus antea arbustum thymbra tergeo ara recusandae. Uredo artificiose tutis. Admiratio aestus curo defessus fugiat victus curvo acervus aeneus. Apud animus consequatur concido delinquo coruscus aranea. Arcesso ducimus accedo arma dedico vehemens. Admoneo compono verbera. Virgo delicate quis ducimus maxime. Comedo ultra labore cogito. Canis voluptatum tergeo sonitus contabesco vitae vir. Dolores nesciunt amplus. Cribro conatus tristis aiunt. Auctus succedo cilicium. Thema nesciunt charisma suppono impedit occaecati. Cometes turbo claudeo debitis consequatur. Theca adsuesco denique ulterius accusamus vado provident sponte pecco neque. Ut tamisium amor. Mollitia suppono stella angulus considero admoveo vester. Depulso casus ea conservo vespillo. Curso caterva suus porro vestigium cubitum ea curvo cresco. Aspernatur suus vomito repellendus amplus tactus copia congregatio voluptatibus voluptate. Earum arca excepturi totus a defleo deputo. Tenuis verbum velut.

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