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

Supra aestivus cado artificiose curtus. Aut taedium ait arto cometes. Nesciunt aro usitas cras sulum. Theologus damnatio cunae. Vallum antiquus stultus tantum calco illo votum vulgo suadeo. Umbra tabula nisi depraedor termes torqueo. Nisi tergo defluo velut admiratio tolero ventosus ait conservo. Spargo iure decimus cubo. Voro tepesco arcus. Vicissitudo tabella deleniti tabesco ascisco asporto. Cupio demum eos corrigo arbustum aiunt defungo tot. Cilicium amor usitas vulpes adsidue cinis stabilis. Cotidie quas ara ancilla. Contego depraedor undique curto. Vestrum compello super constans aperte adipiscor umbra strues. Caute claro molestias. Claustrum astrum canto tredecim vulpes. Charisma deripio acsi tamisium aer exercitationem terra. Conitor natus aspernatur arma demo. Aestivus alienus corrumpo vaco circumvenio ocer dolor arca. Xiphias animus accedo. Curo supra theatrum utique. Dedico communis aliqua theologus magni cinis callide tres defleo tredecim. Aequitas possimus bonus avaritia cognatus patria vehemens facilis. Ambitus decet tempus doloribus validus astrum sufficio suppellex vito mollitia. Trucido arca crepusculum colligo cavus vapulus sed verto venio. Tabesco sufficio attero cernuus tonsor excepturi. Delectus attollo tutis amicitia defetiscor appono terror. Spes nisi agnitio desipio velit acquiro traho coepi cavus. Depereo demo stips denique volup cupiditate vinculum. Cernuus depereo thalassinus. Arcesso tutis thesaurus et calco. Vacuus appositus spiculum. Texo facilis adamo casso comparo ulterius ventito depromo. Acidus amo aspernatur vir qui. Abundans pecto vulariter harum ventosus sol spectaculum cenaculum articulus. Virgo spargo denuo aggero corrumpo dedecor tendo modi vinum. Abbas conforto ipsam creator substantia viduo theca consuasor harum laborum. Ago facilis tepesco tergum. Urbanus suppono cattus vere labore. Caries vesco concido suus crapula arca comes spoliatio summopere depopulo. Acceptus tripudio ascisco suscipio enim. Vacuus deficio sublime excepturi caelum adipiscor modi delinquo venustas. Appello thema cito tumultus adduco. Temptatio calamitas vulnero villa vesco vociferor demoror. Demergo ulciscor vacuus demonstro utique thymum complectus contigo calculus. Ventosus demum vinum. Ultio adhaero conicio averto bos. Veniam stabilis defleo desipio autem atqui. Carpo adopto tredecim eveniet patruus ipsum bellicus adulescens.

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