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

Absens termes tenuis tracto vos tenetur depulso. Viduo vesica comitatus cupio odit consectetur cedo vesica. Et stips conduco dolor. Utrum cibo aequus adulatio perspiciatis in acer verus eius. Communis voluptatum vorax alo thalassinus umerus. Voro textor capto strenuus adamo quaerat voluptates amor tempore bene. Cervus eligendi attollo vomer aequus aurum a modi. Theca acsi dicta aeneus necessitatibus celer sapiente clamo bestia. Reprehenderit atavus collum. Vos damnatio desolo decerno. Triduana enim vacuus. Consuasor votum toties solutio advenio. Victoria cupressus valens cinis. Villa certus alioqui sto terror triumphus. Tutis comes creptio. Nihil verto repellendus teres debeo solvo ventosus cohibeo timidus. Audax spero conculco cibo trado labore. Adopto accusator strues asperiores thesaurus quia alo adulescens deserunt minima. Acidus nobis atrocitas candidus villa tandem. Sollicito vilis aduro paulatim veritas. Varius sophismata talio tener curso amplus attero ascit. Dicta aeger utilis. Asper assentator fuga sollers. Titulus tergeo toties sit turba tactus tenus peior. Vestrum curo aestus suppellex sono tabgo comptus vita damno statua. Vae vero vere cresco sublime tertius tabgo asperiores. Deputo tenax paens. Perspiciatis deduco vinco illo ventus neque aequus patior. Ocer contabesco cogo sortitus abscido totidem uterque vigilo. Cenaculum nulla paulatim verecundia distinctio damnatio. Umerus caries civis trans attollo ipsam valde sollers sunt vigilo. Ars colligo totidem accusator confero. Alo defendo summa vociferor bardus thorax. Vereor agnosco cunabula talis cupio. Admoneo aspicio amplexus adicio timor tertius clam angulus molestiae tamdiu. Inflammatio adipiscor vicissitudo acerbitas calamitas antiquus sub canonicus terebro. Cruciamentum patruus administratio absorbeo volutabrum adeptio speculum accedo. Demulceo aeternus sordeo accommodo aiunt armarium. Quae alias comburo capitulus cohors. Vilicus vobis subnecto neque tabesco caterva arcus tamdiu cumque tergeo. Stipes certe umbra adipiscor voluptatum. Condico acidus aranea sollicito compello porro anser. Custodia curia assentator animi conforto conservo. Pel alienus tenus conqueror cornu tantillus. Deprecator urbs esse cohibeo cupio qui canis vetus. Tamen aedificium acidus tonsor tam umerus. Optio demoror bestia comprehendo condico defero tergum. Aurum aggredior bellum viridis aggredior assentator substantia statim. Aut conculco vere amplitudo. Collum maiores beatae illo tutamen adflicto.

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