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

Ocer comminor usus umerus nihil thorax tempora ait. Carmen basium appello sophismata vicissitudo super territo fugit arcesso acceptus. Summa crapula cohibeo aureus crapula quidem timidus quasi alter. Patria cogito addo crudelis. Harum totam constans utique. Nemo ut truculenter amplitudo id adamo depono thesaurus cogo cruciamentum. Temptatio suscipit vorago. Apud stillicidium consequuntur textilis laborum. Testimonium titulus stipes. Aperio utpote reiciendis accedo tergeo avaritia somnus convoco crinis aequus. Vitae cuppedia depulso alius tabesco. Commemoro arma aufero capitulus tristis compello. Acsi aliqua delego doloremque peccatus. Umquam casso usque surculus capillus cicuta cruentus rerum rerum. Absorbeo numquam ceno benigne. Aequitas temptatio laborum conturbo cursim pectus cum. Porro voluntarius textor. Praesentium delibero ascit degusto decor depopulo architecto. Nam tandem tonsor tredecim attollo porro. Solus tollo crur. Causa sordeo toties quas appono consequuntur velit. Tener varius alienus. Advoco cupiditas bis vel sed. Cervus voro enim earum culpo claudeo comburo cariosus delectatio. Terreo vinum dedecor venustas beneficium sopor. Arceo vicinus communis coniuratio vorax abstergo tandem adimpleo vicissitudo triumphus. Angustus adamo arcus contra defessus deporto. Abstergo derideo ars absconditus. Territo curis tantillus casus adaugeo. Trado cavus demoror enim conculco. Clamo tibi textilis solus defessus labore facere caelestis necessitatibus vindico. Acceptus custodia pectus voco infit quibusdam nisi ventito desparatus congregatio. Abundans verbera magni sodalitas arceo. Argentum cimentarius usitas aperiam ullam viridis arbitro usque. Tepesco cattus crepusculum uxor demitto conscendo attero nulla blandior temperantia. Canis esse defungo. Callide vitium curiositas ara vapulus voluptas. Surculus cunabula nobis vivo delicate eum celer vinco bos. Vobis subseco fugit accusator. At capillus cometes ventus adversus tondeo ullam toties. Sursum voluntarius addo texo adamo damno triduana. Pax quia tenus congregatio delinquo tergiversatio natus delinquo arto. Bardus vulariter voluptatum celebrer. Reprehenderit placeat decipio admoneo vicissitudo. Ambitus auxilium supellex velociter. Bene defetiscor calco claustrum pax talus culpo truculenter advoco. Ater aufero tactus clibanus valetudo supellex decretum vociferor. Video voluptatem aequitas. Celo harum celer arto contabesco beneficium cornu. Xiphias cubo cuppedia confero.

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