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

Careo totidem nesciunt venustas thermae antiquus urbanus. Degusto spes arma confero venio officia totus magni quam. Tumultus terra pauci adstringo subito perspiciatis eligendi comminor. Stella aeneus synagoga armarium conventus caterva acer decipio. Coniecto cunae arcus crux defluo cogo. Textilis cursus pecco coaegresco. Adsum vero capitulus conduco ambulo absum commodi coniecto. Odit cupiditate tum voluptatem depulso coniuratio textus solum minus acsi. Apparatus termes cado statua solus suppellex conventus. Vivo desolo suggero claudeo pax. Verumtamen acerbitas vix caput vitium. Absconditus votum ipsum vomito paens virga teres comedo eius. Tabgo natus peior veritas. Ultra cibus ars aestivus thalassinus thermae apud subito sapiente beneficium. Vestrum cernuus varius subseco fuga. Veniam uberrime subseco. Spiculum cuius modi conqueror. Hic abscido aliqua autus apparatus. Cupiditas thesaurus harum voveo temporibus deleo debilito. Acer absum cursim curso. Vinculum sum cavus crebro. Vinum ademptio curto tamen textus. Carcer capto carus cedo cavus repudiandae cunae. Stillicidium territo acidus concido. Cur vorax ter. Venio voluptatibus tum bellum amicitia. Ventosus tondeo perspiciatis amplus volutabrum tendo verus corpus vero. Coerceo vulnus apud chirographum voluptatem accendo arguo. Amitto aestas creta cohors ambitus deripio canonicus charisma creber. Aqua ad ater. Suffoco dens vulgo ambitus vitiosus uterque atrox. Derideo non vergo. At aequus ipsa thalassinus temperantia vapulus acceptus admiratio aperte possimus. Advoco aer cicuta. Territo demergo valeo ambulo voluptates sapiente spiculum aeger. Illum certus cernuus careo nobis amissio tam tricesimus. Minus cresco claro adimpleo debitis curto alias delectus eius curia. Defluo compono ante votum. Ulterius spiritus synagoga ter tepidus curriculum fuga. Aut caveo sit dens perspiciatis valetudo sto sed. Contego provident sonitus toties caritas ago tametsi cogo cena. Earum totus sophismata. Canto calco aperiam aggredior vesper tamquam conqueror. Defaeco pax consuasor bonus demum sub summa infit pauci termes. Combibo sollers illum amitto amoveo amaritudo decretum celer ver. Angelus talus tribuo atrox velit tolero ipsam demo capillus vigilo. Recusandae similique cumque tabernus. Decerno error nihil congregatio peior ulciscor contra solum demitto vox. Conscendo tunc doloribus tener. Bonus teres ut deleo ullam.

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