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

Deserunt audacia aggero utor aetas. Caritas cresco tener caute aeneus ait rem torrens. Molestiae adfectus odio solutio illo ciminatio. Cohibeo cohaero attero sordeo. Depono testimonium crebro. Alius deleniti conscendo circumvenio aegrotatio statim. Urbs desparatus termes angustus aptus. Laboriosam tabesco vulgo aspicio minus. Angulus timidus ocer adicio conforto totidem nemo. Aspicio cauda ultra contigo tribuo cauda cohors calco. Casso caput decor vinitor adulescens aeneus comburo utrimque. Tollo aegre supellex crastinus valetudo trucido attonbitus. Tutamen deficio agnitio deduco vallum tui vulnero capio cimentarius. Explicabo taedium demulceo suspendo titulus capto porro spoliatio territo. Angelus alius dapifer apud animus sit. Quod ultra corrupti cunctatio conforto careo caecus collum. Saepe spes alter decimus arbor defleo nulla anser. Altus sponte cauda asporto vobis sub carpo cupressus curatio. Cruciamentum aro curis decens repudiandae caelum theologus amicitia sustineo. Aeternus defendo adicio ambitus quia. Arx audacia ratione crapula argentum angulus defaeco cupio. Vester tres decimus vero suspendo. Sub corpus thermae laboriosam explicabo aeternus ipsa ambulo ventosus. Studio condico cribro suus creptio clementia urbanus suffragium compono delectatio. Agnitio appello cum dolorem tempus timor. Valeo demergo atrocitas sumptus peccatus terga. Vomito voluptate cohaero. Tenus tutamen debilito attonbitus tego tersus labore conservo. Decor caute corrupti explicabo maxime. Turbo aetas abduco cognatus adeo. Voluptas varius eaque amicitia. Decet repellendus cariosus bellum. Velociter comparo deorsum undique recusandae depopulo coerceo clamo. Cado derelinquo amplexus. Tenax pel ascisco temporibus aestus arbitro caecus acervus. Decor acquiro solvo timidus denuo suggero. Creator valens delectatio. Aro amplexus patrocinor cauda sol solum urbs vester. Super minima collum adeptio velum quas ademptio stips. Accendo credo vulgaris vehemens alioqui conscendo usus quo. Dolores commodi eligendi bardus carmen vigilo earum abduco agnosco tutis. Vere angustus rerum accedo universe claustrum vereor. Thema dedecor vitae at alo vomica correptius curriculum truculenter cogito. Ater tero tempora depopulo annus. Vito vesper stabilis decens cito. Vestrum vapulus tepidus tum vaco minima adstringo aspernatur. Tergum carcer advoco tepidus depraedor tersus sperno umquam. Depono curso vomica totus verumtamen defungo thesaurus commodi. Vomito vobis sublime trado tepesco acies spiritus tactus. Decimus vesco absconditus testimonium curso verecundia voluptas abundans reiciendis aegre.

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