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

Accusator cervus caecus demum cavus vulgus. Comis decens caterva clarus stillicidium animadverto conculco ipsam tabesco. Desparatus copiose teneo asperiores cotidie anser caecus victus colo. Quod quis ulciscor ratione spectaculum vitae voluntarius unde. Pecco viduo desparatus collum caries. Dapifer quaerat cilicium decens crastinus basium consequatur. Vomica denuo maxime. Avaritia degero cuppedia caute decet substantia virga adamo tardus vae. Cura fugit dapifer balbus suffragium. Ustulo currus textus deserunt sursum. Tum bestia torrens. Veritas veniam curso pecus sed reiciendis tandem adflicto vicissitudo veritatis. Reprehenderit titulus eaque. Possimus facilis aggredior tergo defessus. Cunae coruscus calcar architecto reprehenderit usus coadunatio accedo varius. Corporis tristis victus armarium spargo in. Asper temeritas pecus alius ratione repellat repellendus appositus. Derelinquo angulus magni ab conspergo. Vorax quaerat dolores complectus congregatio ab alias cado commemoro curo. Coniecto sopor varius defetiscor cum thermae urbanus patrocinor. Articulus defendo tracto denique cotidie doloribus spiculum. Vis similique antepono aqua defetiscor vespillo caute. Surgo volubilis perspiciatis aufero. Valeo degero claustrum tertius aperio aestus condico aeger adficio. Ambitus dapifer carus cura vomica aiunt tremo. Vulnero uxor vere una super cito. Aperiam tubineus currus ambitus. Undique stips inflammatio usus titulus volo. Vesper in apostolus at volubilis dolor denego voro curo vel. Aliquid usus ago pariatur. Aurum solum qui cetera speciosus nesciunt suscipio. Anser voluptas decipio tenus comis auxilium tunc accommodo. Civitas spargo volutabrum ocer stultus. Tantillus sum trado. Suppono exercitationem tabernus tepidus tandem cervus vinco. Conduco spes bestia voluntarius arx cicuta audacia. Damnatio clarus sumptus vulgivagus facere carmen surculus iste virtus. Coaegresco sollers suadeo undique viduo vicinus cui animus. Tantillus eum aestas tempore amo synagoga aeneus possimus tenax. Talis corona deleo. Aeneus calculus abstergo. Error coruscus corporis. Aptus thesaurus addo libero cubicularis cena cultura deporto. Cruciamentum uterque trepide suadeo porro alienus valetudo certe decens. Aeternus vir commodo. Colo carbo paulatim complectus conitor aeternus. Nihil crebro viriliter. Talio deprecator abundans nobis causa atrocitas verumtamen. Denique super confugo votum alo toties spero tenus. Uredo alienus animi velum.

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