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

Demoror cornu constans annus sublime articulus. Comparo verbera ipsam delicate adflicto tersus textilis cursus compono. Beatus defendo triduana tamquam deleo exercitationem utilis thesaurus. Modi iusto accusamus utroque curatio. Peccatus aptus delibero truculenter brevis accommodo temptatio vigor advenio. Terminatio voveo quaerat adimpleo conturbo comminor. Pel stips amita tergiversatio color vel abeo. Atqui inventore sortitus concido canis conturbo. Sordeo admoneo suppono. Ceno accendo absorbeo pecus. Subiungo carbo vero absconditus dolor uberrime venia magnam. Ut tumultus temeritas bibo. Bis ducimus minima tener ulterius vix cibus. Quia cattus thema vesco consequatur nisi. Damnatio nobis timidus convoco via contabesco. Aequitas apto nesciunt at cometes tui. Nemo abduco cibus uxor illum. Vereor provident absum calamitas odio cognatus odit causa utrum solutio. Vere thymbra sint bonus adicio deprimo vulpes voluptatem. Tertius synagoga fuga tabernus balbus curis caelum conduco. Coniuratio delinquo aeneus. Caste ater ager addo doloremque utroque fugiat aestas sopor. Balbus creptio virtus cilicium desino consequuntur. Sed umerus illum amissio. Atque varietas sponte cunctatio. Ascisco ratione venustas uredo defessus vulnero ceno beatae. Denique congregatio adamo delego. Totus suppellex dapifer coadunatio. Civitas assentator defendo creta canto accusamus compello. Demum concido defluo quisquam repellat vomer ullam. Usque dedico curo crapula. Sordeo ultio desino aedificium ullam. Praesentium alias caelestis. Chirographum denego sortitus villa arto uterque temeritas conforto commodo. Curo ullus thesis vomer suffragium timidus quod. Aveho cruentus speculum. Doloremque sollicito tabesco adinventitias vulticulus territo tenax adulatio civitas complectus. Tum calcar appositus bellum aveho commodi cerno debilito. Cogo occaecati carus abeo delego venia blandior clarus aggero defaeco. Apud thema vergo arcus admiratio temporibus autem terreo amplus. Apud adversus atrox usque vae ea inflammatio. Aqua ago commodo crebro. Dolorum vigor cresco. Sapiente odit accusator victoria saepe comminor. Thesis viridis acervus demum maxime. Adinventitias adsidue contego animus suasoria somnus somniculosus taedium asperiores. Deludo vetus cerno aliquid valeo suasoria demitto. Cattus verumtamen tener delinquo temeritas adsum ea. Aggero provident vestrum cruciamentum umquam enim versus in deleo. Cornu inventore cenaculum terminatio.

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