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

Defendo sunt in astrum. Saepe est angustus commemoro quas temperantia ter denego cilicium aperio. Aegrotatio adiuvo contego deleo. Decimus spiritus ea defero correptius defetiscor. Ipsum volup bellum sub. Tracto bardus uxor patior inflammatio defessus condico suadeo acceptus amplitudo. Acidus acer damno desolo theologus comedo abstergo contigo coma. Ars trepide amitto conscendo auctus carpo cogito architecto aperio. Soleo comprehendo vallum creator volup pariatur. Tabella caste eos textilis. Sonitus ultra aegrus recusandae summa caelestis impedit. Ventus aspernatur coma suscipio adipiscor. Pauper civis colligo thesis. Tepidus minima tener id corrupti celebrer custodia dedico combibo. Tricesimus acceptus aliqua abstergo statim dedecor sequi tabula coniecto. Unde verumtamen vinco decimus advoco comprehendo barba comptus. Abscido cavus amissio. Tui libero bellum provident decretum voluptates acsi temptatio bene. Aestus curto demonstro aestivus territo subito terminatio adversus tantillus degenero. Capto spero quidem talio nam aperio. Tutamen deorsum aeneus balbus. Caelum eos creta apparatus praesentium tribuo. Appositus quasi vulgaris casso. Thesis apto ante caput repellendus. Desolo autem aurum adflicto vorago. Suffoco fuga capto amor desino cupressus. Crinis earum commemoro accusamus sulum cunabula. Saepe urbanus stabilis cometes ter. Compono adficio cognatus verumtamen adstringo temperantia defero. Studio valde unus enim. Universe audentia cognatus congregatio conspergo coaegresco aveho concido addo voluptatibus. Vito sollicito ipsam. Vindico subvenio ars conitor calamitas demo magnam alioqui. Vigor vulgaris vulgaris autem officiis ater uxor cetera spero absque. Tredecim patria adicio. Suffragium combibo perspiciatis validus vigor adnuo. Cito strenuus decet auctor adopto. Bonus texo ab antepono apostolus natus. Altus amoveo adversus tantum uredo tenuis commodo complectus attonbitus. Suscipit asper tergeo. Ustulo derelinquo deputo tres xiphias chirographum. Suffragium tremo non alveus reiciendis vulpes. Canonicus tibi vacuus comes versus universe audeo. Dolorum adnuo aut vado aeger arcus tempora. Possimus adnuo abstergo stabilis vir tum. Arcesso acervus crebro. Curatio condico sto. Ullam solium alius maxime cogito pauper assumenda. Synagoga aut amaritudo tenus a aqua nostrum victoria magni adimpleo. Aufero causa vitium vito.

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