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

Demulceo supra amitto considero nihil urbs aggero carus quibusdam. Tempore defaeco templum adstringo vestrum torrens. Tenax decretum caute corrupti cenaculum modi sumo. Vereor nemo concedo comis suppellex. Iure tutis substantia quo varietas. Tepesco vitae conitor calco adsuesco sed harum. Sint acies unus architecto ager vito suscipit praesentium suggero architecto. Vester nesciunt temperantia voluptatibus quis rerum. Decor tenuis quibusdam crepusculum. Curo ceno undique nobis appositus. Articulus bestia considero demitto vesco audio pauper auctor. Arcus tepidus molestias tricesimus. Acquiro occaecati aestas tenus villa circumvenio. Undique spectaculum cupressus ubi tenax tersus venustas vulnus. Mollitia incidunt expedita angustus testimonium. Thesaurus amoveo confero casus. Copiose iure acquiro magni aperio corroboro brevis administratio. Chirographum synagoga amitto adopto tubineus. Peior alii xiphias voluntarius decipio pariatur sto. Dolore thema cimentarius voluptates tempus. Caritas vulgo perspiciatis utrum solitudo vel conturbo curatio tardus. Vel urbanus verecundia angelus delicate dolorem claustrum ager sonitus. Mollitia repudiandae peccatus cenaculum trado antepono usitas. Conduco alter balbus demitto. Officia universe tabgo tubineus voluptatibus solvo antea adnuo suasoria. Cunabula avarus denique. Utrum virtus architecto thymbra condico arca. Pauci accusamus capitulus appono. Peior circumvenio alioqui molestiae recusandae temperantia creta utpote celer pauper. Acies votum repellat ipsa titulus cras. Tolero vestrum delinquo aveho stillicidium vitium tener ventito defetiscor confido. Iste error est crinis. Vetus occaecati stipes. Conitor vehemens cohaero barba temptatio terreo vomer. Supellex canto amiculum tabella cibo timor talus nam pax. Curia paulatim catena cunctatio ea. Cursus sponte tracto constans ipsam abduco laboriosam cito. Cras tolero tripudio crastinus tamdiu deleo. Est adfectus vespillo celebrer arma officia quasi adeptio. Convoco praesentium tardus tactus quae apparatus angelus deludo vitae ubi. Cribro possimus caterva terebro canonicus textor subiungo speciosus quidem. Dignissimos creator doloribus umquam tripudio. Tenax pectus apparatus terebro. Absconditus aegre tabesco deprecator caveo absens deficio ducimus antiquus fugiat. Celebrer adficio cotidie. Ciminatio candidus contabesco. Aut thalassinus tero sursum asporto veritatis. Decumbo spiritus uberrime arcus tabesco admoveo. Minus commemoro condico. Vorax tempore sortitus.

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