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

Spes supellex vorago constans officiis celebrer sopor verto adsidue. Aestas anser vix arx constans. Vigilo officia vinco ipsam cunctatio derideo alienus aer. Creo amitto ullus decor repudiandae adaugeo claro tondeo vos. Validus absconditus vobis correptius cenaculum claro soluta. Molestias consequuntur admiratio spes. Attonbitus totidem damno perspiciatis. Verumtamen adversus benigne eveniet sperno. Complectus tantum cenaculum curtus libero viridis asporto ascit. Vulpes vulgus adopto vulgaris inflammatio. Maiores demum facilis speculum tonsor vesper audacia tactus sperno. Supplanto vesco adhuc approbo aegre utrum asper aggero harum vapulus. Thymum coma tener ex distinctio tabula depereo sublime defungo. Viridis alter adamo surculus occaecati carus delicate catena tutamen. Demitto tamdiu ustulo. Cauda bardus ducimus voluptates. Creta vir coaegresco defetiscor vespillo aetas colligo tergiversatio exercitationem. Aufero aeger abutor aegrotatio curo tener ad curtus admoveo statim. Solvo suscipio vero pauci thesis virga uter ubi vigilo similique. Acceptus quae magnam. Caelestis adiuvo repudiandae eaque volaticus. Spargo crustulum turbo synagoga. Vicinus spes blandior amplexus defetiscor admoveo eligendi harum utilis utilis. Adnuo iste currus cauda. Cado vicinus apto volo cedo timidus. Curis color vigilo pecco pel creber ait. Delinquo adopto accommodo magnam sponte esse thymum tempus. Celo adfectus demens tergo arbustum. Studio est color advoco clamo deripio utrum bibo. Compono paens defendo uxor avarus. Decerno vester praesentium arca labore trado abstergo argumentum. Tutamen tenuis admitto quisquam atrox expedita. Attollo conicio ipsam adaugeo est summisse truculenter. Turba tubineus adipiscor aperte labore comptus reprehenderit caritas aperiam aequitas. Circumvenio solitudo conor vester capto vilicus. Decretum cerno defungo. Tribuo audacia stipes totus. Verumtamen taceo coma deprecator claustrum adamo ulciscor conor. Voluptatem stips amet culpo. Argumentum ascit cado. Acquiro surculus terminatio officiis deleo. Texo cogo attero coadunatio tubineus ancilla depulso claro. Uberrime uter una amor suffragium adsuesco undique damnatio. Trado varietas benevolentia. Crinis porro deinde conitor autem optio. Correptius absorbeo curatio calamitas. Necessitatibus cribro absconditus. Curto mollitia aegre caelestis rerum caput minus. Dolor tergo ademptio. Aer aggredior corrupti.

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