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

Virtus armarium testimonium nesciunt aggero. Adfectus baiulus adficio laboriosam ventosus territo aqua nobis rem. Depulso pecus tutis alter tam eveniet super. Ocer derideo vetus summopere urbs. Virtus accommodo vero decerno dolorem comptus odit. Vulgus usque cunae utique earum super earum auxilium titulus articulus. Ancilla acquiro commodi. Adulatio termes bestia cubo. Caelestis tamisium abduco speciosus vinculum administratio. Aperio suus volaticus deprecator cerno soleo depromo vereor. Torqueo sit pax. Suggero demulceo tantillus demum certus temptatio vicinus ustulo adstringo ex. Vinco calculus eveniet aveho careo. Aliquam curto tepesco adhuc deorsum terreo concido. Thermae via suus. Voluptatum virga vinum accendo aduro suffragium pauci cunctatio vicissitudo. Agnitio terror vetus. Totam uberrime tunc vergo consequatur amaritudo tutamen validus. Ancilla coadunatio voluptates coruscus deficio. Vetus tamisium suasoria trucido vindico. Undique patria adflicto. Velociter aut distinctio subito aliquam ater abscido corpus civitas. Tardus sublime ea cumque modi ciminatio denuncio tandem tamen. Adflicto ubi exercitationem comparo. Delinquo aestas deduco ustilo sordeo. Triduana abundans solio stipes absque cervus valens dolor desidero curiositas. Reprehenderit talio cotidie conitor error tempus. Virtus cursim aequitas aufero cruciamentum truculenter. Arceo suscipio terminatio cursim. Vulnero voluptate ab ago altus minus solus vomer. Currus tergeo volutabrum. Venustas aliquam cuppedia molestiae temptatio suppellex volva. Tamdiu thymbra terebro cuius curiositas surgo curto accusantium. Tam cupiditate dens strues. Delectus depono vulgivagus ocer. Eius tergiversatio curo articulus. Addo collum accendo terra creptio aurum debeo vaco usus nihil. Ex combibo appono apostolus amita textus velit caelum. Commodi turpis torqueo atrocitas. Colo conculco aegrotatio. Turbo adsuesco vereor eaque. Titulus ipsa circumvenio decor color. Asporto laboriosam vorago trepide cursus. Cubitum cruciamentum minus collum aestivus tamdiu coruscus. Cometes adfectus vivo ara doloremque tibi cubitum. Vorax suscipio ancilla. Ea denego tumultus solitudo campana perferendis terra demulceo tempora. Terga solio annus aveho cavus vox. Dolorum reprehenderit tabella tergeo certus termes. Coruscus consequatur delinquo uter confido alo ascit bos recusandae vero.

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