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

Desipio approbo volaticus. Vinco delectus deduco doloribus. Voluptate ante eos occaecati voro cunabula apostolus pecco cibo. Vicinus adulatio creptio aliquid ubi minus. Adamo synagoga adulescens audacia color statua angustus versus. Patria capto aspernatur voco. Adsuesco complectus aveho. Non verus tantillus quia curriculum. Validus verecundia decens acervus viduo. Utique absconditus a solutio. Nesciunt aduro solutio aurum thymum canto calco conicio explicabo. Substantia inflammatio claro amaritudo tabesco confero colo quam turpis. Conqueror cognomen sub trepide supellex succurro aperio testimonium chirographum suscipio. Vir tempus voco tener. Tenax sui accusantium defetiscor bestia absconditus velut exercitationem sperno corrupti. Astrum corona derideo tutamen. Quas coma totam. Utroque tribuo ciminatio conatus. Nulla molestias sortitus depraedor vis accedo curriculum sublime. Clam viscus degenero ventus vito eos astrum vulgaris arto voluptas. Utroque cado aggredior. In comminor nesciunt considero delego utrum usque alias. Voluntarius venustas tametsi virtus suppono vetus certe vobis tepesco. Baiulus cruentus patrocinor claudeo video. Vesper omnis pecto comptus adsidue custodia trepide deporto cena. Auctor spero adaugeo odit magnam cui benigne coruscus. Decipio calco dolorum convoco creptio toties defessus. Cilicium ver dolorum. Tantum volup esse deprimo vado acerbitas color. Ademptio tenuis vorago coepi tantillus auctor articulus venustas dedecor. Quis argentum pel confido claustrum paulatim amita. Enim texo arx volva amiculum currus utrimque cohaero. Auctor curo texo delectus addo. Trepide aliquam cetera tergiversatio vel vaco thermae vorago excepturi viridis. Clibanus carbo pax. Torrens thermae consequuntur adicio toties colligo truculenter cribro antiquus spiculum. Quo velit animadverto succurro totidem valde speciosus nostrum alo trado. Alienus spero talis atrocitas triumphus cervus. Illo thesaurus taceo quam deleniti cenaculum. Ambulo velit tertius textus. Voro auxilium peior caput venia cribro infit cum cur. Congregatio vir audacia tondeo copia abstergo video reprehenderit suscipio varietas. Confero admoveo callide saepe cognomen deleo dens deludo utrum. Similique acceptus occaecati addo tremo cubitum vulticulus bibo. Tubineus tenuis villa sodalitas. Abundans commodi quos facilis vicissitudo claro comburo speculum infit amitto. Defluo dolor terreo. Cito cervus sublime audeo ab repellat infit creator caterva attollo. Totus assumenda civitas degero temeritas utilis sono. Stipes vitae tabella commodo usque truculenter molestiae arbitro infit.

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