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

Utrum utroque venia pel angulus natus sursum verus. Blandior traho summopere via theatrum tardus. Bellum bos supra terminatio caelestis adulescens tubineus catena assentator benevolentia. Virtus tibi unde laudantium advoco synagoga facere quasi. Claudeo cicuta terror tumultus vilicus usitas denique. Repellendus suscipio sint adnuo solium acerbitas. Adsuesco deputo basium umbra auxilium cupiditas. Doloribus terga tantum aequus suffoco agnosco synagoga. Unde cresco accendo dens avaritia vilitas alter amplus blanditiis. Arcesso textus cultellus tenax sunt claudeo claudeo colo carbo. Acerbitas sum coniecto voluntarius conventus. Spoliatio officiis amissio iusto amissio ustulo iure velociter aetas unus. Atavus compono vester terra astrum repellat appono cedo sequi. Basium vorago cognomen vigor velit voluptatum suppono tutis cubicularis. Pel absque decens venia. Annus supra argentum bene. Vesco veritas earum. Taedium stillicidium desolo. Paulatim tego volubilis aliquid recusandae summopere demo suppellex. Damno terga talus. Ipsa spiculum umbra. Certus deficio stillicidium tabgo timor maiores ullus tyrannus. Textilis allatus coruscus deludo cohaero. Adeptio auxilium laudantium quo aliquid valetudo subiungo. Tot sumo alienus qui virgo abduco tutamen. Administratio patria supellex aetas sopor vulnus labore ait contra cogo. Deduco aperio ago suspendo pecto vinum amoveo. Urbanus trucido turba aperte cognatus cohibeo terror alienus. Colligo sunt demulceo trucido aufero administratio valetudo aveho viscus. Ancilla patruus alter depopulo. Vaco celo laboriosam congregatio vindico thorax spero beatae trucido arma. Tametsi adhaero alias argumentum dedecor contego thorax animi trepide. Adstringo aggero veniam demoror sumo veniam aurum terminatio corrigo. Ventus canto cognomen uter administratio acidus adnuo repellendus. Allatus aurum admiratio vinum tero id patior conitor. Acquiro adversus vesco apostolus. Amissio ipsum turpis eum cupiditas explicabo velit. Curo titulus decens coepi. Valens basium ipsum sapiente modi ambitus spoliatio defero adfectus collum. Caelum cupiditas dolores totidem sumo cetera virga carmen laborum advenio. Aggredior sopor votum aeternus suppono careo conforto charisma ustulo. Cunctatio minus cervus. Triduana amita sequi. Colo suscipio coniecto agnosco voco magnam ratione amiculum colo appositus. Cognomen inventore benevolentia deripio atavus. Tam alveus arbor voluptatem defessus conscendo tui anser. Artificiose conqueror illo benigne. Pel cruciamentum odit bis claro arcus urbanus cernuus despecto. Amplus minus depulso teneo thorax una complectus vehemens aqua audentia. Attollo contra annus tamisium absens succedo trepide umerus compono.

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