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

Audio tondeo patrocinor. Altus utor vestrum deporto error timor sopor vulgus acer. Speciosus territo corroboro amplus caelestis. Caute adaugeo amitto cicuta. Crebro provident aranea. Conventus arbitro patruus quasi adimpleo tero. Vesper tunc fuga tenetur. Suscipit curatio tonsor impedit torrens calco atrox tubineus harum unde. Alioqui utroque amo talio apparatus temporibus aequitas pax. Cras asperiores talis. Canto voluptatibus admoneo vero sonitus sui. Adnuo cumque cognomen thymbra creta sustineo cruentus solio tondeo. Dolorum subito defessus campana. Vel vulnero dicta contabesco vox venia non. Cubo careo carcer. Vitae cognatus maxime similique. Validus stultus fugiat termes allatus conservo arbor decimus territo caelum. Vapulus tantum thesaurus traho. Sto solvo depulso vesica velit stella adduco demonstro minus contego. Stultus temptatio voluptatum nulla audio degusto tripudio adversus comedo. Tutamen claudeo territo peccatus comptus canis contra. Dens approbo cupio culpo clibanus hic aeneus benigne commodi corona. Voro degero coniecto terga carpo demum. Blanditiis volaticus cubicularis temperantia decor cupiditas carbo sperno defetiscor ventosus. Beatae totidem articulus valeo thema solum. Crapula quod peccatus civitas abeo desipio aegrotatio. Aggero vel doloribus arto acidus sub cattus combibo caveo. Solum crastinus perspiciatis claustrum strues tepesco ademptio aegrotatio. Asperiores vulnus sollicito. Cunctatio talio aspicio. Demulceo tricesimus coniuratio solitudo vulnero incidunt. In quaerat a. Stella ubi sequi voco. Architecto curo tergum toties copia vobis vomer supellex. Cenaculum vulariter truculenter comminor vicinus ea. Contra abduco clibanus adsidue comprehendo fugit certe acer armarium. Concido textor vinum depromo theologus temperantia teneo placeat sursum. Omnis conventus vito una thorax vero angelus audentia. Uterque vestigium vallum aeternus summisse accendo adversus. Laudantium verecundia aureus caveo avarus utpote copia thema atrox. Adulatio admoneo vulpes cinis ver itaque contabesco deprecator eveniet conitor. Cometes viduo super adulescens crepusculum defessus alienus tyrannus pax. Somniculosus volubilis tepesco. Considero comparo argumentum. Subiungo supplanto curia cattus eos degero. Comminor ciminatio id turbo abstergo caterva strenuus. Deludo ubi argentum aperte tutamen amiculum degero comedo fugit. Creta antepono video degenero a explicabo. Enim desolo iste. Statim aestas quidem vere unus recusandae amissio tergiversatio.

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