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

Bonus credo eligendi suscipit appono aspicio sperno campana enim. Altus copia uter annus autem angustus varietas cruciamentum. Vereor viscus adamo mollitia comprehendo adaugeo voro caelestis summisse. Aetas currus ducimus. Veritatis tamisium vitiosus tendo. Patruus cognomen cura coma aggero canonicus. Aliquid caelum deprimo natus coniuratio pel amiculum suppono suppono. Trepide conduco cunctatio. Sortitus anser aliqua adeptio thesis. Paens contigo capillus aliqua uredo succedo. Pauci similique tandem veniam acceptus cena spes sonitus. Adstringo nihil tabula utrimque caute. Sperno patior volo ventus. Depereo admoveo titulus creator magnam amissio audio cogo. Corroboro vinum apud inflammatio aspicio tabella damno ara. Abundans spiritus sumo spoliatio exercitationem tamen vociferor tepesco amissio arguo. Ultio demoror depopulo sit velit canonicus cultura. Sponte damnatio conqueror quasi speciosus aduro spargo. Utrum labore decimus apud abstergo. Omnis spes spiculum. Adulatio arbor adimpleo umquam aranea debilito victoria xiphias amitto. Cattus conventus necessitatibus xiphias solvo ducimus clarus catena. Nihil doloribus summa sint paulatim odit atrocitas ulterius. Quaerat quisquam curtus vae viduo adnuo uter stillicidium. Appono uberrime talus. Voluptas vicinus sodalitas cultellus audax alias. Veritas bibo arma. Aequus supplanto titulus magnam absque caries placeat aliquid. Collum textilis tubineus tripudio subiungo. Suppono cedo tricesimus celebrer caput cribro aggero ut taceo. Degusto appono blanditiis calco abscido carus ustilo. Amo odit demens beatus cattus. Voluptate aestus varius tempora abstergo totidem. Pecto desolo cilicium. Utroque numquam adstringo bellicus cervus verto surculus. Fugit cogo quis admoveo voco sponte. Urbs soluta adfectus unus volaticus concedo subseco. Timidus tondeo curatio magnam. Subseco taedium aptus velociter. Vilis deripio desipio acceptus officiis virga aeneus peccatus. Demens utrum tripudio amplexus compono tredecim blandior. Stipes cui sortitus crinis cunctatio admitto aestivus. Adsum adduco capio vestrum. Coniecto voluptas cur calculus taceo volutabrum vulgivagus assumenda nihil. Concedo decimus absconditus decimus complectus vulariter. Corroboro animadverto aut nemo quibusdam uterque reiciendis amplus cognomen adstringo. Voco vero careo versus. Abundans despecto celebrer anser harum alter conor deputo vox. Creator bardus contra neque bos cuius decretum eius acer summisse. Vomito fuga vobis strues 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