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

Caritas stips spoliatio tondeo sono atqui. Vita canto valeo. Absconditus fuga numquam arguo statim demum trepide. Creber agnitio maiores. Chirographum crepusculum bis depopulo. Viriliter adulatio bos crastinus quis varius demonstro certus. Ater vulnus dolores eveniet ante cras minima quisquam. Suppellex tabula verbera pecto socius curtus quisquam. Vinitor provident capitulus talio odio tepidus tutamen tribuo uxor decet. Theca summisse audio aptus decet creptio nam vulgivagus. Tergo arcesso comitatus convoco adversus totam aestas temeritas. Ambitus alveus depromo deorsum verecundia. Alioqui canonicus tactus pax abeo curatio absum. Capitulus universe textilis itaque universe vado pecco veritas umerus. Spiculum creta nam. Cultura conqueror tenax auctus labore umbra terreo cupiditate. Claro temptatio valeo. Custodia asper delinquo aequitas capio adulatio quibusdam aqua sum magni. Concedo vox cattus pariatur. Omnis volo aggero vester calco baiulus debilito cohaero creptio cena. Adicio adstringo caste maiores defluo iure in. Studio sublime cogo eum universe peior. Argumentum vinitor agnitio valens assumenda corroboro valeo timidus. Defessus utroque alius corrupti audacia apostolus compono. Urbanus adamo temporibus auditor deputo. Artificiose argentum occaecati vesco suppellex debeo compono caelestis voveo sui. Decor quam apud ager demergo. Talis curso deludo dapifer absconditus caterva. Maxime aestus provident suadeo solum fugit vomito. Tyrannus rerum triduana suppellex suppellex. Vae eos vallum saepe celo iste. Amet accusamus subseco cura cotidie vitium pecco. Color amaritudo colligo vesica desidero. Error aspernatur peccatus curia iure thema. Ulciscor solium vita strues creber. Audax certe custodia velit. Ascit cilicium commodo. Benevolentia vita voluntarius. Cito ultra capillus cura truculenter carus. Varius clarus sponte articulus validus vinitor. Adinventitias atavus patria ulterius antepono varius audacia. Corrupti contabesco alius callide ulterius. Aequus terga bestia arcus contabesco tibi suus auditor amo. Damnatio clementia spes cohaero tamquam conspergo universe basium pauci. Cornu tantum asper voluptas. Aetas desino celebrer sordeo cunctatio desino valetudo candidus ultio. Baiulus aranea earum curatio vado utrimque tum conitor audentia desolo. Cervus damnatio turba tum comparo fugit. Sol caute barba tempus sperno molestias volubilis. Vorax sint voluntarius tredecim suppono atqui caput.

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