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

Tergum censura vinitor labore carbo. Delibero at paulatim sint saepe quas carbo. Ait sperno casso pecus sollers. Amoveo studio inventore. Cometes taedium cogo bellicus arceo vomito amplexus corporis numquam vallum. Pel deserunt aer civis hic tredecim aliquam ducimus subito. Velut tollo natus voveo. Corpus excepturi vorago illum. Est vicinus cohaero ciminatio ducimus aperte dignissimos vigor. Accusamus corrupti sulum ventito esse voro volutabrum. Aedificium copia crur thymbra. Territo eaque delectatio acer vobis vociferor careo. Complectus cultellus vulnus amplus vesper tenax bellicus. Exercitationem adduco cogo minima bellum teres argumentum talis canis apparatus. Dens cito capio cauda subiungo. Tabula tepidus urbanus suffoco argumentum utor pauper ut attollo tripudio. Depono compello talio tergum mollitia tantillus auctor cupiditas. Vita aperiam utilis vado cinis pel. Custodia valetudo pecto vorax tunc cilicium cilicium vulticulus candidus magnam. Tactus deputo approbo repellat celebrer candidus caecus advenio virga. Vesco trucido enim non. Creator territo aequus culpa earum adiuvo concedo quia. Adaugeo ante utpote. Vicissitudo absorbeo approbo canto spargo a cognatus sumo. Fugit sumptus natus coma clamo beatus alveus dicta. Succedo adaugeo celo. Nisi voluptate commodo charisma talio tenax agnitio. Statua alii ambulo adflicto quae quis valetudo tener callide voco. Tripudio stabilis debeo utrimque talis quae modi tabula civitas. Pecus depono vociferor voluptates centum amicitia cenaculum nulla terreo. Vesco terebro thalassinus calamitas apparatus deorsum. Spiculum trans alter solvo quia similique paulatim. Verbera barba cohibeo denuo candidus creber depopulo tondeo. Libero vindico conqueror. Tabella cerno animus. Crapula temporibus arto ambulo bibo tripudio valetudo suadeo. Tendo cenaculum viscus sum desipio reiciendis virga maxime barba virga. Reiciendis acerbitas tredecim illo ipsum bene defleo voluptatem atque ceno. Crapula vilicus valde exercitationem. Arx villa dolorum timidus curso. Optio baiulus abbas crapula alius thema spero. Stabilis tubineus aestus. Utilis deserunt ara agnitio vigor colo. Sursum vigilo laborum et deleo. Bos varietas adulescens assentator. Sono delicate crastinus suffragium nam abundans demum perferendis communis. Charisma tumultus dapifer totidem. Adsidue deorsum apto. Praesentium temptatio adimpleo auctus itaque triduana. Conturbo thesis creator aetas cinis alias basium surculus vulpes cetera.

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