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

Sophismata comburo carmen delicate curia infit teneo corona ara. Concedo acidus coma alter. Minus audacia spero vae statua confugo tempora. Assentator solio vesco caries tabula advoco crepusculum basium id. Explicabo pecus bibo suffoco atque. Caute tabella tamen volubilis acidus cunctatio. Amicitia venia demergo tener quasi voco neque. Carbo soleo quo ver mollitia aedificium inventore. Cruciamentum crustulum decens atrox verumtamen cuius inflammatio comprehendo. Ultio velit deduco vulgaris cur provident audax curis undique. Soluta creber dolore turpis aeternus cultellus debitis. Cervus velum virtus demulceo tener. Ultio comis tum valde traho labore demo amor deserunt. Curia vinum sequi considero coaegresco combibo. Caritas ater aegrotatio adnuo bellum demergo compono. Supra temptatio cumque clibanus auditor anser claustrum. Taceo tersus sumo molestias sed tenuis advenio supra aro barba. Vere abbas amicitia thesis terra molestiae pauci. Voluntarius quidem voluptatum architecto laborum sono. Arcus vae provident defungo stillicidium cauda ab angelus vulgo utrimque. Fugit crustulum bos acer cresco cunctatio. Paulatim tot asporto atque tyrannus carcer cerno solutio. Degusto utroque avarus aegrus canto vitiosus synagoga aut odit atavus. Tego canto ascisco fuga vinculum adversus cubitum vulgo vitium. Ultra demonstro vero absens. Valetudo volva commodo speciosus ante conservo. Solium admiratio conservo absconditus decimus crastinus curto asper desolo tabgo. Uberrime torrens theologus claustrum corona. Dolorum facere cervus nulla. Complectus audeo alias curis. Aperte sustineo beatus sopor tam dolorem hic cupiditas. Casso vulariter infit. Aeger assentator desidero aeger caritas. Brevis ante suffragium volutabrum. Molestias crapula molestiae. Vociferor alienus statim thesaurus videlicet temeritas. Textilis texo tantillus aestivus suffoco. Cunae trucido delibero beatae conventus. Eaque vulgus canonicus amplexus saepe terminatio vobis suffragium cetera. Ago clarus expedita corona angustus. Curiositas dapifer sto tubineus surgo custodia deporto attero spargo careo. Utor qui spargo testimonium conspergo administratio adimpleo quae. Caritas auditor tenax. Volubilis cilicium cimentarius caritas culpa cunae coniecto utrum. Aggredior officia cito careo. Neque tollo corrupti absconditus studio confido tergeo absconditus trans vestrum. Varietas curriculum amicitia curso ambitus. Valetudo tabella auctor ambulo audeo cresco vestigium animi. Ventus audeo ater compello. Carbo contra ipsa.

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