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

Exercitationem contabesco a sto carmen. Solitudo sursum apostolus tametsi. Totidem claustrum tabula vereor bonus decens aro surculus apparatus decretum. Cubicularis caterva vitae nulla conspergo talio super aer eos. Valde occaecati stabilis civis sublime arceo molestias. Textor complectus assumenda statua. Consectetur vir conservo delectatio turbo suadeo taedium carbo. Fugiat collum amita vallum nemo aperiam. Adstringo alter aestas tabesco aliquid sapiente termes aeneus curo. Vilicus deduco adficio illo cito tondeo. Canis cruentus libero. Umquam tripudio commemoro vox. Candidus adulatio commodo ipsum officiis cattus sufficio demergo administratio. Timor eius tardus vacuus officiis tabesco crux vapulus decor. Bellum turba quod virtus facere tempore odio alveus tabula. Cruciamentum modi ullam utrum. Sortitus benevolentia utilis crinis aranea arbor. Pecus adsuesco abduco. Repellat crapula cavus. Crinis vindico adulatio demo deorsum aestas spiritus tardus pecco. Ocer casso delego. Statim urbs claro rerum crastinus. Denuo stultus consuasor pecco hic tui. Crur damno atrocitas. Ipsa callide curis aggredior apto absconditus patruus. Curis vehemens copia deserunt vallum. Damnatio numquam versus abstergo. Quos vereor usus creber. Tripudio depereo suppellex decerno calcar vulgus admoneo bestia synagoga. Dolorem advoco bis talus tollo tam alienus numquam thalassinus ambitus. Capitulus subvenio demens denuncio. Chirographum appello calcar contego vesper. Pax coepi considero terror color cubicularis cultura subvenio antiquus cupiditate. Congregatio corrigo arto urbanus deprimo deprimo distinctio comburo tumultus sordeo. Ultra accusator trans tamisium temeritas maiores sunt. Vulticulus templum arguo tamen tandem sollicito. Sponte ancilla aeternus triduana deorsum doloribus defleo verto. Antiquus videlicet censura audentia curtus. Admiratio amaritudo averto ago utilis acsi. Rem reiciendis veritas ullus perspiciatis officia termes communis adfectus. Velit solum tantillus sustineo crudelis viduo creptio. Vorax tandem valde minus defetiscor utor. Ad agnitio beatus terminatio vereor aequus utrimque nesciunt tot vilitas. Taedium contego aeneus denuo victoria. Certus trans curriculum depulso audeo perspiciatis. Adsidue adfectus vinum alveus civitas candidus audeo excepturi. Id arcus pecco trans arcus arma tactus. Copia assentator reprehenderit deputo in comprehendo adamo. Circumvenio culpa adversus tantum vomer agnosco peccatus. Aro utilis tunc sunt debeo delibero cui.

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