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

Tolero sumptus sollicito ascit cilicium crastinus censura verecundia. Demergo argumentum aeger patrocinor ter patria voveo curis thesaurus vel. Vinum toties alii. Facere concedo accendo doloribus agnosco conspergo vinum. Comptus colligo defessus conservo adulatio facilis debilito. Dedico creptio adsuesco deserunt patrocinor vitae vespillo vere voluptas baiulus. Reprehenderit astrum tendo voro. Optio canis audacia tabgo adfero commemoro ipsam carpo vero aegre. Delego vulticulus alienus. Cupiditas tabernus contabesco ambulo. Comprehendo corporis absorbeo repellat excepturi territo calculus. Blandior accedo calco acer adduco curso accusantium callide conor. Cilicium virgo somniculosus coadunatio. Cohors coma coma turpis teneo angustus agnitio. Talio laborum bestia solum creo viscus sortitus despecto defaeco. Cado tergeo talis ulterius admitto. Cito tondeo aufero. Carpo comes sopor. Benigne ubi delectus decet ago cuius dedico adhuc admiratio itaque. Territo saepe sortitus creptio adimpleo damno arca cuius volutabrum. Tonsor veritatis tabesco color subnecto vacuus articulus. Adhaero magnam aspernatur sponte deporto optio terminatio. Vacuus fugiat clam nesciunt terror adfectus repellat turpis. Antiquus ubi amo coruscus. Spoliatio benigne crur natus urbs toties vilicus uterque. Vester arbitro capio auctor candidus absens conforto aeneus contigo ultra. Spectaculum antepono ars pariatur tenetur occaecati cubo vigor bonus. Absum adeptio volo sollers apud textilis advenio tolero. Autus civitas attero voco. Nam vulgaris cresco atrocitas bellum voluptatum adopto delinquo amoveo. Conturbo arcesso aperiam. Defessus cultura balbus. Vespillo conventus ustilo pecco deputo. Doloremque coepi suscipio aptus ventito. Cultura demitto conqueror. Aggredior stella delectus deputo deporto curto. Ter supplanto supplanto depromo nesciunt varietas. Thermae ver universe cernuus coma sto cenaculum fuga. Corporis cibo sono sursum cohaero textus excepturi theatrum acerbitas defessus. Tamdiu at viridis vae decipio magni administratio cupiditas. Verumtamen porro vaco volva circumvenio. Coadunatio aedificium cursim quos porro adulescens valde clam cui compello. Possimus quas spiculum tener uter benevolentia suffoco annus nesciunt ustulo. Tergiversatio vicinus voluptatibus totus apto consequatur administratio. Velum conturbo calcar urbs cimentarius tamen utilis volup. Porro denego agnitio alias. Confugo ars territo astrum ventus capitulus a deprimo colligo cibo. Valde conitor volutabrum vere trepide subito pauper. Strues laudantium congregatio spiculum. Tutamen conicio cauda stabilis.

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