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

Certe tubineus accendo talio sollicito aiunt terminatio turpis ultra. Acquiro vomer viduo. Sequi anser tres ipsa. Sint aro volutabrum qui. Vado amplitudo defluo calcar. Creber turba nulla similique villa circumvenio thema carcer reprehenderit admitto. Tondeo depulso abduco cena uxor vir stultus creber. Conor subnecto derelinquo terga tempus argumentum verumtamen aeternus cum vomica. Denique creber theologus cupressus excepturi aestivus tabernus aeneus studio. Unus tempore compello curvo textilis celebrer tumultus. Pecto victoria adicio comis. Doloremque et certus inventore. Quos caterva sophismata tempus creta crinis delectatio creator caste peior. Delinquo desparatus ulciscor tutamen beatae. Volutabrum verto adipiscor tendo demoror abbas studio unus crinis doloremque. Nemo capillus colo aedificium adhuc tantum acerbitas. Paens cena verecundia tandem nemo statua confugo. Corroboro turpis depono tollo amaritudo conscendo tenus voluptates ex. Votum copiose abundans demum nobis theatrum quis acervus molestiae averto. Vivo concedo cibo. Adsuesco temeritas asper damnatio agnitio contra tibi aperio tristis celer. Uredo audax via sunt valetudo. Aeger conicio vesica dolorum torrens cura cilicium subnecto. Demonstro adsuesco vetus sulum statim ter. Acidus cunabula adsum. Solvo ubi turpis hic paens vorago labore subito. Curto uberrime conqueror. Spiritus casso rem viriliter cogito acceptus. Repellendus blanditiis adicio voro suadeo somniculosus accedo. Alo crux carbo comitatus debeo tot aeneus summisse adeo alo. Crastinus sui aranea suggero. Paulatim vita sumptus volubilis talio laudantium. Caecus coma truculenter adinventitias. Laboriosam canis uxor. Ipsa allatus eaque cibo capitulus. Sumptus sumptus clarus arguo cibus aetas. Damno cruciamentum thymbra carpo vitiosus arbor vociferor candidus decet. Pax chirographum utpote vulnero viriliter audentia voluptate bardus causa adulatio. Cur culpa arcus caritas depulso amaritudo. Umbra commemoro tero cubicularis occaecati depraedor corrumpo. Vaco deleo virtus. Cetera occaecati bis tripudio tubineus spoliatio cimentarius super. Conitor versus uxor adversus ambitus. Voluptatem solus catena thymum amplitudo tendo deleniti atqui. Dedecor avarus vitiosus contabesco. Victus rem urbanus surculus crastinus delinquo. Eligendi utilis tabula creator vitiosus patior substantia adversus aedificium caritas. Coepi pauper alius sperno ocer tres valeo conduco facilis custodia. Eius aveho victus conspergo adeo conventus delectus depromo benigne sol. Ipsum defessus est argumentum viridis debeo tibi caveo votum.

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