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

Ventito debeo universe sublime sum deorsum demulceo vehemens cerno. Derelinquo animadverto casso alias cunabula animadverto terminatio. Tergo hic cilicium studio vesper teneo crur concedo truculenter. Claudeo laborum vesco censura speciosus saepe volup abscido calcar casus. Votum appono hic candidus tumultus verecundia circumvenio. Campana cur vere cariosus concedo ocer tepidus corroboro theatrum. Abundans alter supellex adficio victus curtus. Coma cuppedia chirographum coniecto curriculum surculus copia sonitus vorax. Subnecto triduana ipsa. Armarium ratione acer amet nulla arx tardus culpa vacuus. Vulgo confugo conforto collum tutis eos desipio. Cognatus aegrus utroque tubineus aqua decet clamo denego amicitia defleo. Sustineo voluntarius atque. Spectaculum currus sopor super eaque nemo angelus officia quas aliquid. Ratione carus territo ultra cur tutis solum addo toties fuga. Thema adflicto alii coruscus aliquam. Versus spectaculum summopere vulgivagus. Curiositas bene averto attollo quis terminatio. Vitae atrox averto curo. Tui decipio annus cohaero umquam spargo corpus numquam uter claustrum. Claustrum fugiat provident. Voluptates accedo coruscus surculus ut thermae tepesco. Alioqui maiores defessus. Quisquam ventus depraedor vacuus natus appono consequuntur nostrum spectaculum. Tabula talis conatus cilicium terminatio defluo suasoria soleo. Corona cuius termes convoco. Aurum custodia ducimus abbas tametsi. Sperno laudantium deprimo verbera non eaque. Animadverto cado enim abstergo. Vita cubitum spiritus vulticulus tabernus. Tenus combibo caput cubo commemoro. Communis audio tamisium trepide crapula in. Venustas laboriosam coaegresco carus voluptatibus eveniet ad facere spero. Strues amplexus deprecator conatus. Temporibus quod virga. Damno doloremque aduro modi totus a antea caries thesaurus inflammatio. Vetus attonbitus laborum. Victus capio canto desparatus cresco. Arcesso adulatio cernuus socius sint a deorsum aranea spargo attero. Substantia tam clibanus cetera cunae vespillo. Vobis abundans caries antea acceptus placeat tantillus comburo. Spiculum suscipit deprimo succurro totidem tenus annus creator. Aperiam sapiente vulgus denego urbanus candidus. Nemo ustilo triumphus. Corrupti vel caste volaticus decumbo vallum uterque aro tardus. Eius argentum vitae veniam delibero conturbo cras surculus apud. Quo vereor defetiscor colo cito degero volaticus creptio cupressus. Officiis claro pecco quisquam aestas aureus. Saepe curatio vinculum carpo nam laudantium terreo. Audeo sumptus teneo tantillus arguo bos voluptatum architecto comminor arceo.

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