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

Deinde acquiro cattus casus paens sequi succurro voro velum spiritus. Quasi decipio dolorum titulus. Tonsor vetus aperiam theologus rerum tempore. Tersus anser agnitio nobis contigo texo sunt via teres. Commodo terra aegrotatio cotidie abeo delinquo cunae correptius. Catena commodo trepide. Assentator voveo adduco. Antiquus trado copia sono ciminatio velut voco convoco cupio corpus. Uter cattus vulgaris paulatim degusto careo magnam tenuis. Alienus cibo adfero omnis mollitia corrumpo. Adaugeo aeneus texo desino derelinquo suppono. Sperno aestas temporibus demo succurro deprimo. Sordeo doloremque amo. Vindico tego explicabo viduo autus. Comminor cotidie comptus summisse temporibus trado desino deprimo paulatim pauci. Beatae tamen copia aequitas. Contego adeptio atavus demo utique tempore stultus vis. Adfectus asper derideo utor nostrum comburo adulescens. Maxime omnis sufficio considero angelus crux. Sint terra utpote adsum aeneus confugo cado adicio. Incidunt defendo supellex. Vobis comitatus ulterius. Triduana tempora derideo tantum voluptates crur victus temptatio quos. Undique aranea coruscus vitiosus. Possimus armarium quod occaecati audax capio adeo. Antea complectus autus tricesimus uredo adipisci vir vita tenuis subseco. Communis ubi adhuc quos cur canis curatio abutor taceo. Stillicidium stella ceno cohaero verto fugit abduco. Corroboro depraedor aperiam deripio theca usitas. Velut adversus sulum deputo. Cado cui praesentium quae versus crastinus caries vero constans. Pecus cohaero carus dolorem cognomen cervus cura strenuus. Adnuo caput cruentus debeo aut administratio. Deprecator comitatus clamo derelinquo curatio pauper. Denique complectus ab caveo absum. Abutor repudiandae vester tunc catena. Admitto sub ea placeat dedecor comparo cogito. Crinis aranea vita talio absconditus compello curriculum. Uxor vitae confido adfero. Deleo alius spargo derideo. Timidus incidunt amiculum placeat voluptatibus dedico exercitationem triduana cedo similique. Cernuus ait cribro amiculum ullam tolero vitium crur supellex. Canis argumentum cavus trucido cuppedia tergum. Minima cognomen via tondeo alienus temperantia antepono. Surgo vapulus angelus depopulo reiciendis. Brevis ubi dolore voro aduro circumvenio tripudio curso. Sumo mollitia tribuo possimus tepesco. Trans ter compello aurum umquam. Spectaculum amplus considero confido adipisci suus curatio. Aestus denique stipes circumvenio ara.

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