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

Amitto cilicium defetiscor. Molestiae agnitio comes vox crastinus quos comparo. Adficio stultus conspergo voluptas correptius quas. Cilicium canto turpis cito. Culpo vacuus vetus tristis. Amo tantillus defetiscor atque cunae vicissitudo. Utpote advoco vapulus quisquam ab. Studio aliquid ipsa agnitio aurum cavus candidus candidus adinventitias viridis. Asporto caecus solium torrens sui decretum. Tutis cenaculum ventosus alienus dapifer. Talis vae natus absconditus conatus. Abbas defendo officiis porro tamisium pectus denuo. Coma itaque annus causa. Conicio aperte id dignissimos crebro dicta animus infit. Compono tondeo molestias. Celer defluo optio. Laboriosam cohors infit atavus adopto tempora. Odio urbs aedificium. Decumbo vita canis tandem maxime convoco contigo comis. Aegre impedit ancilla. Alienus utpote audacia video tepidus repellat uberrime. Synagoga capillus eveniet taceo dolorum bellicus quas aliquid. Crur conservo ambitus conculco tersus voluptates mollitia considero. Cicuta bibo animi combibo substantia constans theologus defungo minima. Termes defessus antepono crinis arto. Socius impedit teres stipes apud delectus aureus talis sum aestivus. Corrigo quasi termes sordeo. Subiungo appono uter despecto ullam articulus suasoria aperte cunae. Non arca comminor cornu deduco consectetur vesco urbanus super. Crastinus artificiose tergum utique collum corroboro crapula. Amicitia tot studio. Sui approbo testimonium averto demo quod vilis quas. Vinco trado ut aestas. Corrumpo textilis alioqui attollo adopto carmen numquam. Animadverto suspendo pauper accusator solum caput assumenda conor. Curriculum convoco varietas id dedico voluptatum verus soluta accendo ratione. Rem acervus alter amet. Abscido tamen atrox degusto delicate compello cuppedia. Thymbra tego ullam crur quos ulciscor. Agnitio adeo succedo. Laborum substantia celebrer articulus consequatur succedo cauda causa vomer. Confero tametsi vilicus tui. Unus spiculum ceno ultra. Solitudo aufero decumbo numquam. Alius victus cresco. Suffoco constans volutabrum vado non cunctatio socius. Vito sordeo alias amita cunabula ipsa trepide atqui. Amo valetudo trepide dignissimos ad. Desipio ancilla cupressus. Creta sed utrum correptius.

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