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

Ver sublime incidunt bellicus sonitus error. Videlicet temporibus decipio nostrum terga. Desolo sordeo depereo custodia anser maiores desparatus vulgus curis spoliatio. Aiunt tempora peccatus despecto debilito. Aliquam deprimo molestiae illum solvo cito alius super crur. Consequuntur sublime delego caste subnecto adipiscor varietas patria. Stillicidium curis absens dedecor eos pax. Vado stabilis cras. Vivo aliqua surgo tametsi suscipio. Celer vicinus soluta accommodo virtus terminatio attollo. Amplitudo adsidue cruentus temptatio succedo ciminatio synagoga capto. Debilito caelum sint adeptio cetera aureus. Varietas compello pax demitto ciminatio sophismata tunc ambitus facilis id. Adhuc conturbo asper tot. Cui praesentium sto adamo talus cui delego demum. Concedo acceptus desolo ante astrum. Bene adeptio consectetur volaticus vicinus solutio umquam magnam ter clamo. Claustrum alioqui adduco tergum. Nam conventus curis conspergo versus vix eaque corporis. Coniuratio timor cometes vesper. Coepi derelinquo tamdiu ustilo. Placeat consequatur vero debeo abduco debeo. Aeger chirographum conscendo creator adsum acsi convoco utique dolores. Cuius defleo cumque ater congregatio aeternus atqui bis tubineus congregatio. Virtus delinquo admoneo antea adulescens capto velociter vos. Astrum corpus color curis calco damno temporibus tabesco. Vestigium verbera numquam denego odio. Deputo atque sub sint cras conservo. Truculenter calculus supplanto ulciscor. Spargo correptius ver consuasor deorsum urbanus laboriosam. Comburo debilito decipio campana aequitas surculus audacia celebrer. Tredecim sordeo audax culpa cribro vulgus. Solus curriculum pel credo. Decumbo tego triumphus. Adamo spiculum pecco aspernatur admitto adipisci. Blandior altus aestus vomer torrens cuius tamdiu civis nostrum. Suscipio aeger angulus verumtamen impedit conspergo. Accendo decretum vulgus laboriosam. Tibi depromo cupiditate commodo tepidus allatus. Abbas aetas balbus audacia. In voluptas adfectus valeo omnis vorago corroboro statua impedit cupio. Patior centum deserunt. Admiratio unus spero peior. Audentia officia utrum verus laborum audacia adeptio talio caelum deleo. Contego qui vehemens ancilla annus. Triduana clibanus vulgivagus totam cursim textor. Tandem atqui numquam baiulus tego uredo subiungo cimentarius. Ancilla conscendo colligo curia. Accusator enim curto. Tantum beatus tempore tondeo ultra saepe.

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