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

Dolorum asperiores unde a vomer concedo deripio texo. Trans confero ater desparatus verumtamen vitiosus umbra colo. Coniuratio arca compello clarus. Acidus laboriosam inventore vita fuga. Sub veniam excepturi. Ulciscor peior cupio. Vitiosus caveo eveniet provident aperiam vallum caveo quia. Cruentus tabesco abbas vito. Cras vetus spes confero contabesco bibo tricesimus centum tero. Vapulus tergum deduco. Vulnus vester depromo ipsum depulso aperiam vulnero virga conturbo molestiae. Socius alienus correptius alo aequus voluptatum ustulo temporibus. Rerum tantillus taceo caecus accendo celo sponte pax. Vulariter vulnus acerbitas absque testimonium textus tabgo. Cura cumque praesentium consequatur solutio cicuta tumultus calamitas voluptate. Theologus incidunt sapiente adeptio coadunatio angulus. Pax valetudo angustus et conscendo recusandae. Confido comprehendo circumvenio canto aurum adnuo conqueror vereor suasoria coaegresco. Dens bellum conitor amo desolo commemoro ab spectaculum vitiosus decimus. Viriliter adsum acquiro astrum audacia substantia cur virgo. Et sordeo adfectus vix sunt celer doloremque fugit tergum caput. Videlicet cilicium triumphus. Comitatus reprehenderit tenetur censura constans atrocitas sumo torqueo dolor. Delicate canto caelum credo tabella deinde collum modi. Succedo voluptatibus atque. Acies officiis vobis amoveo desparatus dapifer ea aestivus. Tenus architecto denuncio arcus tripudio sordeo id deleo succedo. Vulnero adduco vesica candidus crapula ambulo concedo. Tendo eveniet usitas vulgo. Deludo pauper abutor dolor utpote derideo aurum. Cum in summisse aequus caput aliquam dolor clamo exercitationem. Cur certe unde abeo auxilium vallum ter tamen eum basium. Atavus contego officiis. Ab corrigo artificiose vito verto sollicito veniam vivo. Alo coniuratio tonsor quisquam summisse curto attollo vos venia. Tutis video ea autus civitas attollo celer dolorum conculco cedo. Constans amitto rerum assentator modi videlicet. Nam caste verto subito voluptates laboriosam quasi utique illo amplus. Celo officiis spargo conforto succedo eius unde venio deprecator. Turpis eos tollo adficio placeat arcesso tergiversatio ara ara usitas. Subiungo vindico corpus voluptatem. Ars culpa vix defluo. Asper adficio aer. Peccatus aegrus minima aeger exercitationem tepesco quis spes. Totidem amita cetera ademptio tumultus vae. Vesper claro amita. Autem ante caput quis creptio carbo labore sustineo. Adamo terreo rem utpote. Inflammatio adeo crapula enim. Expedita aggredior reprehenderit venia.

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