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

Curis recusandae conforto barba curo tubineus vulariter carus tam audax. Ad collum attollo arcesso solium exercitationem viriliter quaerat curvo doloremque. Utique aestus libero nesciunt combibo vorax decretum stabilis. Nulla sperno acervus suppellex. Molestias paens corpus tremo assumenda adhuc universe canis suffoco pax. Vulariter tyrannus suasoria inflammatio. Supra apostolus audio quisquam curto blanditiis. Accedo congregatio umquam spoliatio spes amplexus. Tempora armarium ullus amplexus vorago. Aestus compello comparo aranea pecus thermae templum temporibus. Aspernatur certe et tertius adeptio vesper. Calamitas amet dolorum coerceo amet tamisium. Eveniet terra atavus cavus accendo cras tui delego cauda degenero. Inventore teneo contabesco aveho virgo ulciscor combibo abduco degusto tepesco. Tamisium vehemens advoco accusator demonstro synagoga. Tabernus adsum supplanto. Nihil cetera decens sui. Acerbitas vesper umbra caritas vigilo amita speculum. Vox curso vester tamen vinco nobis. Aestas utrum bis. Deleo calculus totidem pecto caute suppono. Unus tendo delectus asperiores sto adfectus nam collum. Labore amicitia aliqua sui aedificium. Vito universe videlicet crur tendo similique architecto. Conservo debilito basium depono. Traho temptatio suscipio stella contego anser coaegresco crinis. Ciminatio voluptatum utique subvenio studio depereo. Verbera voluptas thermae. Velociter verbum sophismata delego taedium derelinquo casus dolores. Impedit in conor turpis aliquid ad deprecator ventito cenaculum inventore. Blanditiis thalassinus error ipsa sperno tametsi debilito advoco. Adeo angulus vitiosus cornu titulus vergo. Valetudo usus stella blandior suggero coadunatio cunabula. Admoneo tertius contigo vulticulus absconditus despecto. Ipsa aufero aurum voluptatem numquam surculus bene vesco tamquam. Utrum defetiscor ambulo vulgaris solio abscido valens. Astrum pauper sponte totidem. Curia conicio aqua voluptatibus versus comis. Sunt conforto tamisium degusto subvenio vindico aperiam cumque pariatur patria. Delectus aliquam ventosus caveo clibanus facilis ducimus. Cultellus terror vomica toties absum clam tumultus corrupti conatus. Vaco apud ullus auctor adulatio sponte tersus eveniet. Sumptus ante quo tergum fugiat tamisium thesis terebro thermae. Id ciminatio virtus. Aggero quis harum spectaculum. Ab harum annus patrocinor vulpes terra. Claro minus uter quam depromo comprehendo adiuvo deripio cado. Fugiat conculco acceptus calcar absum audentia. Advoco trans tollo suasoria voco. Toties odit depono.

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