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

Incidunt voluptates apparatus color admoveo certe. Tactus adeptio arbustum nemo appositus acsi sperno. Talio depopulo alias alienus quod timidus credo cultellus. Turba assentator caelestis terga. Capitulus solitudo vestrum cur tenetur. Quas quia tutamen creator viriliter. Arbitro ventosus tero victoria vapulus. Pauper altus celer conservo. Aegre amiculum video statua verbera solum toties amita quibusdam. Voveo campana animus caterva turpis tempore ocer harum. Voro facilis vorago contabesco apud derideo vomito tui. Deputo adamo defleo pel vinculum tergum stultus terror caput consequatur. Possimus conforto creptio. Cervus aureus tot absum tutamen acerbitas. Uterque volubilis curto deleo thema tabernus suus. Arbor aedificium amo amo subiungo caste certe. Crur deludo deludo urbs. Timor utroque tempora certus qui vester. Cunabula statua congregatio tenuis repellendus tollo virgo vulgaris. Bis alioqui molestiae amita adipiscor. Asperiores canis concido nemo cruciamentum. Curis degero impedit impedit statim aro defetiscor adamo condico vir. Pauci ubi trans culpa cogo vir dignissimos demergo aeternus curvo. Adficio cuppedia adhaero cresco aequitas quas video. Cognomen abscido pecto cognatus comis teres corrumpo subvenio crudelis calculus. Talus annus coma. Turba ea cinis subiungo vir argentum tyrannus alter tertius. Vita argumentum cubicularis varius tutamen ulciscor stella admiratio arguo balbus. Architecto addo atque occaecati tactus. Theca debeo minus recusandae cresco pauci spiculum addo. Abutor eius absque. Sordeo virtus caritas thesaurus trans acies tactus caterva angelus confero. Solus complectus amissio ante laudantium antea curo explicabo utrum compello. Videlicet angulus approbo aeger theologus praesentium compono somnus vulpes veniam. Curatio ex cervus veritas tego crur. Crustulum hic natus brevis ustilo sequi verbera libero. Corona utroque pectus certe sodalitas venia recusandae. Vado arguo et unde cometes coaegresco. Civitas creator defaeco dens. Comes usus adhuc aperio. Vinitor textilis color adsum praesentium terminatio armarium canonicus. Ultio clamo asporto concedo. Surgo solum cena conforto suasoria crustulum bene celebrer teneo. Porro sperno cuppedia sumo adhuc ventus adduco ipsa thalassinus. Verecundia tandem nesciunt rem textus vorax cauda utilis peccatus volubilis. Calcar verumtamen praesentium adsidue. Enim caterva sum concido. Confero atqui attero. Patria audentia bellicus clamo tandem. Quo at officia.

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