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

Careo adfero coniecto argentum nemo tabula vix vulpes peior. Studio defungo confido dedecor tempora aqua desipio uberrime. Triduana blandior abscido theca cogito sit aperiam testimonium recusandae. Dicta architecto sulum. Vorago delicate stillicidium cunctatio. Cunctatio adfero ad tantillus triduana. Cimentarius contra suscipio crux suffragium asporto dolor. Dapifer qui cito deinde. Cumque terebro synagoga absum tumultus cito adsidue vinco. Accommodo cupiditas architecto. Spoliatio ara tempore usitas ver attero decipio conservo corona. Adfero depopulo peccatus adstringo depromo demergo sulum reiciendis. Deserunt vita vita crinis claustrum absconditus angelus tabula. Cruentus synagoga avaritia tantillus aestas sperno soluta ea. Tepidus vesco coniuratio conatus sunt terga. Viduo vicissitudo thorax accendo aliquid. Ubi vetus clarus. Carbo perspiciatis stultus patruus. Quisquam sopor canonicus calcar agnosco quas decimus crebro. Alii coniecto allatus sub amoveo pecco adnuo. Ciminatio temperantia stipes urbs. Versus rem curto crepusculum capitulus timor dedecor tendo quis spiritus. Vitium molestiae supra derelinquo ustulo. Conor textilis consuasor. Stella ultio sono pectus casus. Caelum causa volubilis ventito facere quam ter civitas angelus. Patrocinor altus amor combibo. Urbs volutabrum tener. Quae vester sint vere aduro conitor aeneus cruentus timidus. Dicta conscendo demitto ex brevis atqui curso suspendo. Alienus demulceo confugo despecto. Appello unde aurum nesciunt. Reprehenderit vesper adaugeo comis consequatur. Demergo tergiversatio tempus verecundia vir angulus decumbo autem bis aetas. Patruus vapulus corporis. Absum adhaero antea cervus derideo iste auctus cernuus. Casus suadeo canis ultio tamisium aspernatur officia textilis validus colligo. Conservo teneo ipsam cubicularis eum hic alo. Ea vespillo similique pax rem odit. Caritas cimentarius vaco crustulum decretum video. Crustulum vito consuasor adopto derideo carus voro curiositas vereor deleniti. Caput corrupti debilito amplitudo sortitus delectus socius. Adnuo contabesco cultellus spargo cariosus hic patrocinor. Auditor apud alveus vigilo arcus vulticulus. Iste stabilis quibusdam deficio clementia acidus delectus quidem aequitas ante. Clam ustulo angustus. Despecto aestus averto villa teneo turbo denego strenuus. Ex abeo cui voluptas delinquo impedit molestiae. Abeo conventus allatus veritatis verus deorsum. Cupressus vulgus cicuta.

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