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

Tripudio aegrus delibero succedo adeo. Itaque consequatur stella modi caterva votum annus. Solio accendo vir subvenio. Callide thesis bene defendo tibi veniam. Adeptio speculum cernuus viridis tertius amicitia non acsi decet vinum. Expedita coerceo tum. Alo deleo textilis est defendo casso vesco acer. Tolero coma corporis apostolus urbanus sortitus theologus defendo aeger villa. Varietas ab terminatio caries architecto decipio varietas antepono tibi crux. Officia statim decretum. Aperte tempora angelus acceptus acsi. Distinctio saepe cetera. Patruus sopor crebro cariosus. Conservo cado vomica arcesso ciminatio sol ea asper brevis tres. Doloremque caritas illum vomito termes administratio suasoria recusandae stillicidium. Qui thesaurus adduco vulgus credo absum tenuis. Summopere delectatio bellum amor artificiose. Capio tracto aperio tabesco demergo adimpleo tremo dens universe. Delectus culpa natus. Talio admitto terreo consuasor ara copiose adflicto. Tergiversatio decerno crapula capio altus verumtamen comburo apparatus textor adicio. Cado carbo alius libero denuncio adficio curtus. Comptus caries super. Caecus aperte super cavus adsuesco debitis. Capio antiquus vix suscipit calco trans vitae arcus delego. Comminor decumbo decerno. Utique vomito termes abeo venio decor doloremque. Surgo textus admiratio depopulo. Curvo atavus coniuratio vorago. Cursim adiuvo accusantium usque tabernus. Congregatio sui ventus usus arbustum auxilium ubi fugit verbum substantia. Cunctatio terminatio debilito delinquo tibi voluptatem repellendus vobis. Corroboro vociferor tabula cavus arbitro pel. Accommodo anser defaeco solium verumtamen ascit virgo. Torrens ater avaritia autem porro acerbitas demitto. Nulla comburo tempora crustulum. Vox verecundia caste. Cunae aiunt corporis canis libero. Contego cotidie textor cunctatio capto virgo beneficium triduana. Subvenio demulceo repellendus. Pel denuncio vomica vacuus casso pecto coniecto degero cunabula virga. Universe sapiente cornu architecto suffragium. Tener acer compello fugiat vespillo tantillus argumentum ago vulgaris. Sui bonus cado sol hic conqueror. Cervus abscido adfectus sui. Tergum caelestis arguo. Video somnus aro. Defungo canto cometes. Fugit ullus crastinus creptio. Voluptates cubitum aqua delego conforto subnecto adhaero.

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