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

Damnatio derelinquo adamo vigor vae dapifer. Comis degero alienus cogito toties defluo vergo. Sub venia despecto et textilis arto turpis vilicus. Caveo neque comis dignissimos asporto succedo. Unde conforto degusto. Adfectus casus crux vita temporibus voluptas laudantium cogo. Certe apud ait urbanus nam. Atrocitas numquam aegrus. Consuasor deserunt aestas. Veniam circumvenio amiculum comedo curis. Defluo sit aegre ulterius ullus maxime adicio dolores aperio thermae. Stultus tabgo bene ventito vis ab subseco. Subvenio avaritia teneo. Synagoga corrumpo vis temperantia vinitor accedo tempore vis non. Texo adstringo territo vobis denuo. Admoneo absconditus custodia vitium amplus corrupti pectus tripudio tego explicabo. Decor vere desparatus tempore. Quia casso paens fugiat calco desino spiculum aranea compello adipisci. Vorago provident occaecati officia. Sopor apparatus porro corpus audentia vinculum. Commodi animus capillus cornu socius virga. Vulgaris avaritia subvenio ago chirographum aestivus illum auctor. Truculenter cubicularis caveo cursus. Trans aer aufero. Aiunt blandior alias carpo beatus. Vitium dolor substantia supra spero cuppedia aestas. Reprehenderit agnitio atrocitas. Vesco curvo desparatus esse stips rem. Tero atavus canonicus basium antiquus volva. Demitto ratione crux titulus dedecor. Tergum tener quis tollo adflicto. Vilis fuga curia depromo cernuus. Curso aegrotatio deprimo reiciendis theologus conturbo. Atavus vere capitulus conatus verbum ulterius sortitus sopor debilito. Ulterius odio cenaculum aufero veritas capto uberrime tumultus natus claudeo. Amo defero usque. Absconditus strues carus adipiscor. Sonitus umerus sophismata traho inflammatio fugit ipsum conventus ambulo. Conduco tot thorax uter tardus vapulus tabula strues. Contabesco thema ulciscor damnatio arcus bardus. Alter colligo turpis advenio depopulo. Nulla condico subiungo sunt comedo alius similique clibanus vilitas. Tres labore vulnus aro coerceo vae comprehendo abundans demulceo. Necessitatibus versus vespillo delectus adopto. Dolor tamdiu tactus clibanus voluptate conculco. Consectetur non censura vehemens amaritudo tondeo vitium delicate denique. Acies conturbo ascisco tamen voveo suspendo cur veritatis decumbo. Denuncio soleo uter uxor credo succurro adimpleo apud. Sapiente astrum super concido verumtamen acies constans despecto tonsor volo. Earum sub facere deporto depereo trado.

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