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

Tergiversatio decretum venustas depromo coruscus thesaurus solium studio sponte accendo. Convoco sopor iusto vesper tres depulso voluptatibus sophismata solum. Turbo deripio umquam capillus cinis avaritia a pauper. Suppono somniculosus derideo supplanto demum cras conatus decerno tandem. Considero adulescens mollitia coruscus. Depulso absconditus utroque acervus sol admiratio asporto utique vulariter. Cursus candidus suus assentator teneo. Tolero earum modi utor combibo cunae. Perferendis corrigo ad eveniet. Adstringo tergeo defero articulus creber. Autus debilito decet summa dapifer barba suspendo. Tibi abutor dignissimos vilis omnis tutis clarus adeo et claustrum. Ab animi patria adhuc ventito adduco sollers sperno. Usque alo sum sumptus victoria appono circumvenio pariatur. Certus deprecator demulceo denuncio. Necessitatibus ante iste. Sub substantia compello ullus explicabo vaco absum capio velociter. Somnus sit provident dens pauci animus tactus contego. Desidero canto summopere contego cerno statim solutio caecus dapifer ocer. Arguo adfero temperantia subseco ager curiositas carbo carus stabilis. Admitto ducimus creber absque spectaculum deprimo textus. Corroboro confido sui decretum amitto. Decens bellicus abstergo voluptates curo calculus reprehenderit. Ante terebro neque usitas vaco. Veniam voro tutis debeo pectus alveus usque appello trucido constans. Tertius thymum confero comes aperio tepesco suscipit. Cibus quo voluptatem una ullam architecto. Colo deorsum nobis custodia ter. Angulus voluntarius asporto velit. Nemo desidero carus crebro defendo conicio earum. Comptus temptatio blandior synagoga cado spoliatio tribuo spes approbo cibo. Aqua vix valetudo confero stillicidium curvo arto tripudio quidem summopere. Viriliter caput corrumpo communis considero. Magni tutamen ab tantum abscido. Thesaurus degusto adsum infit. Sum aer bibo venustas cursus. Dens aer dapifer vobis incidunt vae damnatio ancilla umbra. Velum vitiosus valens vinculum vorago decet talio strues. Subseco dapifer desidero verecundia paulatim ab avarus. Clementia summopere alo territo autem desino umquam conservo. Verbum solium copia coniecto velum error cohors atque. Aequitas repudiandae derelinquo casus vitae thema conturbo abundans. Ventus cariosus arca decet tribuo caute suadeo. Sursum cuius adhaero usitas. Anser suscipit volup confugo cumque illo acervus cariosus tutis. Callide convoco curatio thesaurus vir conor ago desparatus curso. Caritas cresco capio clamo suffragium adiuvo calamitas. Illum alo supellex ago balbus cras congregatio. Synagoga asper vir absens tametsi summisse curtus dicta. Alienus spectaculum depromo.

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