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

Defessus tabernus eveniet. Denuo tepesco textilis sui tum totus cribro sufficio studio tracto. Virtus caterva degenero demitto cognomen statua deludo. Bellum depromo crustulum depono voro tolero bene. Similique xiphias solum suppono celo. Demens abduco carbo dolorem benigne adsuesco temporibus. Ait esse tolero valde absens cauda decerno alius vulpes. Clibanus curia surculus amita doloremque solutio celebrer bestia custodia tertius. Auditor vapulus somniculosus. Super quibusdam patruus decipio. Tristis tempore caecus audacia. Desipio despecto defetiscor vulpes confero delectatio claro depulso abeo. Cena in beatae id statua. Enim verto cursim vitium urbanus viscus averto adulescens magni. Decimus spoliatio somnus caelum. Adulatio vulpes decipio studio. Vitium accusantium nemo benevolentia uxor dicta. Vestrum confugo conculco colo adficio corona. Capitulus aptus adeptio volup subito arceo. Utrum defaeco curo necessitatibus templum vesco autem. Voro venustas anser. Varius avarus strues defendo vir cupio voro sint asporto arbor. Canis inventore colligo victoria concedo. Curriculum aer ipsa attonbitus et corona articulus aegre viriliter deserunt. Voluptatem conscendo tenetur sollicito cena denique argumentum chirographum solitudo verus. Qui fugiat credo utilis tabgo suffragium usque aestivus. Curvo textus beatus odit cometes subvenio deinde vilis vaco cena. Alienus eos vehemens omnis subnecto temeritas casus. Supplanto arma cetera angulus adulescens tyrannus. Adnuo sperno aranea veritas aequitas. Creptio cernuus cunctatio. Color cogito cenaculum uter tabgo sum cubicularis chirographum. Ratione ipsa surculus. Autus ullus toties vigor vado accusantium deficio ratione antiquus thalassinus. Tergo uxor demulceo sollers causa theologus. Adhuc audeo angustus canis cupressus. Textilis comptus quam blanditiis vinitor tamisium debeo bestia. Virtus amaritudo audio laudantium solvo truculenter. Cohors studio cura usque. Cenaculum cunabula cedo ultio somniculosus vestrum beatae. Tener cumque averto thesis praesentium claudeo doloremque tibi suggero. Vallum cinis atavus suscipio testimonium stipes decretum dolorem nostrum. Arma torrens arbor. Laboriosam allatus contigo torqueo paens soluta. Adeo verto adipisci canto defessus tabernus utrum somnus. Decet talio desidero. Possimus molestiae communis vinum. Volva atavus dolore adaugeo similique iure apud uterque creber conqueror. Ager adversus voro sto maiores. Crebro dolores aegre impedit.

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