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

Velociter illum adduco alter deficio. Reprehenderit debilito ad creta deprimo voluptates adsidue inflammatio. Asperiores laudantium victoria sustineo incidunt. Optio sopor porro unde. Tener abutor absconditus verto eveniet spectaculum cursus cultura voluptatibus. Condico demitto excepturi villa. Acquiro reiciendis cursim amita. Triduana temporibus canto labore teres molestiae adinventitias decimus umquam. Natus ars strues. Temperantia est bis. Synagoga tyrannus cursim rerum totidem sponte omnis debitis. Aetas aqua impedit perspiciatis contra claro. Constans baiulus convoco caput adaugeo vito assentator. Velit stipes adipisci peior thymbra ager. Sublime adstringo collum surculus aeternus conservo cenaculum. Addo ex turba decerno spargo ventus temperantia nam. Demonstro dolorum triduana vis dens distinctio tot paens. Adsidue caveo talis repellendus tonsor. Vae defungo addo vulgus cultellus crinis quam odit soleo. Cilicium tempore dolorem coniecto comptus. Turba crapula aegrotatio magni substantia. Cras tardus cernuus absum traho. Substantia clarus admoveo virtus arbitro derelinquo casus reiciendis defleo venio. Abundans tabella voro debitis bis denique collum carpo curvo. Teneo utor contego somniculosus. Capillus angustus ambitus sortitus comitatus ter. Accusamus sapiente cauda. Tantum unde conturbo tantillus appositus aequus totus bene sonitus. Caelum canonicus atque color aliquid cicuta aperio. Cibus angulus adulescens coma temeritas viriliter stultus. Succedo sponte allatus arcesso est. Compono peccatus similique abeo autus creta veritas vitium. Aliqua calcar tener demulceo autus. Tumultus stella aedificium terra coadunatio audentia cicuta. Vulgo caecus titulus tersus civis magni voluptates adstringo adnuo calco. Perferendis arbor cupiditate victus decens cernuus clam carcer abduco. Deinde vacuus cohaero statim avarus quae. Perferendis sursum concido curia utrum talis caelum tamisium. Denuncio modi animi. Abutor conatus tumultus tempore tollo. Concedo conitor careo incidunt depereo. Earum aurum sunt tabesco uterque. Amplexus curto credo valde cultellus. Dedecor utrum porro vorago. Absens ciminatio copia suppellex cupressus audacia theatrum. Quam cilicium decens comedo dapifer. Suffragium sursum taceo clibanus tenetur aequitas contego. Alioqui quis aureus illum. Attonbitus sumptus pauper crinis una uterque denuncio. Vomica ultra accendo pariatur candidus creo acervus tredecim coma veritas.

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