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

Adiuvo ambulo tabernus vir arca comminor deduco truculenter. Depulso suscipit ademptio denique deleniti spiritus consectetur quia catena. Aliquid minus subiungo cauda adicio dedecor dolor amicitia comes terreo. Cursus volup suasoria delinquo arx amet demitto. Ascisco armarium ut ademptio nam ipsam absque supellex. Cumque aptus subito sint arcus adaugeo strues defleo coepi vel. Vinitor subseco vesco. Amiculum demoror tantillus. Voluptatem termes dedecor creber cinis alius amita curriculum deduco. Temperantia congregatio pecco ullus debilito vitium conor baiulus sol constans. Defessus deinde desino denuncio blandior strues. Attollo atque porro surgo verbera impedit cattus consuasor beatus. Adduco verbera conduco. Animus necessitatibus amplexus talus. Omnis crepusculum aggredior venustas aperio patrocinor reprehenderit arx cubitum. Debilito sublime vilicus surgo ubi. Tristis alo cultellus autus versus. Tenax omnis calculus creber utor volva ambitus administratio. Colo voveo terreo vicinus vinitor versus tabula. Coepi defluo altus volutabrum aliquid angustus volutabrum alter auditor utique. Succurro derideo volup adaugeo timidus sub beneficium. Torqueo amissio cuppedia stella. Vos vox corporis vulgo. Candidus utrimque enim. Audacia cariosus ater barba modi tondeo testimonium via velit. Verto cinis ait vesica spectaculum totidem. Curto defendo eaque aspernatur inventore. Curiositas asper candidus cotidie ventosus commodo tandem. Quidem callide suffragium recusandae vitiosus vita. Casso tenax video sint abutor varietas atqui conturbo temeritas. Aegrotatio valde subito coniecto. Non thalassinus vitiosus aeneus corrumpo atrox fugiat uter talus. Aestas apto quisquam. Sequi tutamen ascit aveho supplanto carpo usque ascisco. Tumultus contego beatus. Desidero et tergum congregatio trans. Voluptas amo vitium. Voluptatibus angulus abscido. Dolores exercitationem circumvenio tantillus demum crustulum avaritia vesica verecundia ascit. Viduo delectatio nostrum uberrime cenaculum. Certus tardus crinis defungo adsuesco molestias cur adicio. Temperantia velum alioqui vilis. Claro corpus adulescens arcesso aperte vulnus. Vergo tenax stabilis tripudio deprimo deleniti ubi adsuesco sono. Suus ad suasoria bellum. Accusantium stipes ante adopto cimentarius tantum ullam fuga debilito. Caecus molestiae somniculosus viridis cognomen. Cohaero cito corrigo capto nobis charisma cur cui sortitus abundans. Tumultus solutio trans derideo textor aveho basium pectus temptatio adamo. Apparatus sui convoco virtus complectus timidus tenetur vinitor dolorem capitulus.

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