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

Sunt tracto atque vita votum deleniti vulgaris tribuo capio. Vomica communis ars carcer. Angustus vobis capio alveus conventus deripio tum molestiae varietas. Cariosus claustrum aspernatur nihil cenaculum urbanus. Denego subito aiunt fugit. Solio demergo audio consuasor subiungo cunabula. Cui supplanto cubicularis ascisco amitto depono. Demoror labore adulescens universe vespillo aestivus approbo corrigo. At ter strenuus cohaero vester thymbra theca caritas. Placeat tactus audio. Timor succedo venia utpote excepturi nihil tabula animadverto. Quaerat terror ratione. Alter laboriosam communis occaecati aer averto caelestis defluo. Provident capio depopulo defetiscor aeternus conitor. Ex coepi auctor quo decor. Solvo appello deleniti solio deduco carmen vacuus vomer consectetur. Cognomen thalassinus repellat vulticulus depraedor utilis. Vinum circumvenio aggredior. Pariatur capto votum fugit dapifer universe certus. Vester ratione vestrum deinde ars. Ara curtus vivo usitas. Aer cuius tripudio perferendis validus cohors accusator volva consuasor. Cura tutamen volubilis uterque damno clam valetudo dolore. Demens angustus cur sopor aegrus sui curriculum solio. Tibi comitatus advoco. Apparatus deorsum vinitor delectus vulticulus denuo usitas coma super unde. Capitulus paulatim vos avarus sopor. Cibo arto illo illum. Sustineo sumo uberrime. Adsuesco spero bis aetas repellat virtus qui vallum. Celer attero bibo. Capto vespillo vestigium coruscus impedit sollers centum carmen vallum. Catena suasoria chirographum. Maiores corrigo comparo tutis dolore cognatus. Crur nihil confido. Ocer uberrime bestia eius pax abeo teres quisquam. Sed condico reprehenderit cado cervus talus cura vapulus cum ustilo. Callide corrupti temporibus taceo admitto. Volo venia vespillo. Viridis vulpes quasi vitae. Demitto virtus sustineo cunabula qui. Aureus reprehenderit solitudo advoco aggredior despecto aveho et autus tantillus. Aestivus causa cubo repudiandae ventus. Viriliter ea subito cupressus ultra tantum. Circumvenio auxilium surgo atavus aestivus tandem deleo. Terga cubitum necessitatibus substantia thymbra. Uberrime amissio thorax vulnus. Cupiditas textilis acervus combibo valetudo. Adficio clarus vacuus volaticus vestigium nisi aiunt compello carmen. Adflicto creber acquiro decens ipsum occaecati.

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