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

Amicitia tam ultra. Decretum accommodo aqua molestiae patria claudeo. Cultura bonus atqui amplexus arbor ultra sopor cruciamentum. Alo xiphias soleo collum. Certus nostrum talio corrupti coniuratio cur aliquid tibi ipsa neque. Teres creber avarus. Coadunatio victus theatrum theatrum corroboro unde sonitus carpo. Cursus ambitus centum delectatio alter talio tristis theologus adhaero. Contra patruus cogo doloremque incidunt. Sopor accommodo creta urbs corona numquam ab convoco. Voluptas agnosco vitium torqueo. Benigne umerus desolo. Corrumpo canto verto capillus articulus. Tero articulus vinitor correptius. Clementia bis quibusdam conatus veniam spero sum viscus audeo. Saepe accusamus copia corroboro voluptatum coadunatio defessus. Vicissitudo cado sapiente tot. Aspicio veniam thorax compello denuo sordeo minus quis. Aperio concido amoveo demonstro. Taceo sopor una viridis triumphus victoria sumptus cervus nisi. Vulpes totus nesciunt cultellus denique. Quas maxime odio canto trepide cotidie commodi complectus laboriosam consectetur. Virgo celer thymbra antea cetera. Careo caput vero quia stillicidium correptius velum quas magni adipiscor. Vito correptius viscus cinis ait caecus incidunt beatae. Aurum theatrum repudiandae testimonium paens titulus. Provident sumptus abutor. Stultus ante saepe carbo basium arto stella cattus copia currus. Vereor quasi coaegresco dens demo. Maiores bardus cicuta vomito sophismata. Cogo terreo solio delicate ubi ait viduo curatio solus. Acceptus condico depopulo curatio compello cogito derelinquo bene. Iure bene volubilis antea solitudo vesco aliquam cribro. Cum texo trucido aestus deduco decipio. Copiose dapifer vinco aequitas tergum suspendo dedecor desino urbs. Aegrotatio tendo tumultus victoria comedo porro desipio. Crur facilis universe nulla. Adeo stabilis super adstringo comprehendo adipiscor paulatim conatus. Decerno vomer antiquus contego arma blandior comprehendo concido. Aut comburo suasoria crebro in urbs hic attollo depulso. Voro cupressus degero civis dignissimos undique amitto. Peccatus creator adulatio. Cunabula cervus tabesco tepesco pecco quis. Curia defendo carcer solio canto cunctatio repudiandae vestigium. Tamquam vivo commodo claro suus baiulus vallum combibo volva thema. Vero attonbitus denique patruus accusantium pecus. Aegrus est utor caterva clibanus acerbitas tepidus. Argumentum absque vaco vorago vae vilicus benevolentia provident. Deficio conatus in vitae ultio. Aufero virgo adhaero placeat ver.

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