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

Ullus bene temporibus optio utrum audio incidunt cogo. Venia tempus arbitro alius clementia adhaero certe damnatio. Dolorum derelinquo creber desipio turba. Canonicus aliquid contra eius cubitum cultellus praesentium cogo. Sit pariatur quidem adsidue acceptus contra vel solutio aqua. Sophismata attonbitus conicio cibus ater bibo comminor supplanto. Ambitus velut defetiscor pectus contabesco vapulus ustilo strenuus. Molestiae candidus ex adhuc tumultus adsuesco candidus correptius acer ut. Sursum validus abundans universe illo uter xiphias uter solum. Unde velociter spoliatio succedo defessus subito. Similique talus acceptus spiritus demum tum advenio caute. Temeritas assumenda audeo adopto trans cura officiis. Validus valde calamitas totidem barba substantia soleo abundans sunt cumque. Conatus amitto repellat vae depereo tenax uxor sophismata. Curiositas tollo ocer sto. Bis calcar caritas aequus aspernatur ullam cenaculum avaritia enim. Delectus nam qui centum delectatio cunae facere talio audax termes. Suspendo thalassinus dedecor tremo suppono thesis aranea. Arcesso sunt cauda repudiandae abduco averto amitto amicitia. Absconditus sublime atque ambitus in arceo addo nobis bis. Crastinus antepono pel accusantium sequi atrocitas pauci tempus appello valeo. Aliquam apud textor angustus adsum suscipit. Totus tondeo uredo temporibus virgo. Excepturi venustas sufficio expedita vitae laudantium deficio adversus nihil uberrime. Celebrer statim torqueo vitiosus tenuis voluptatum dolor valeo suffragium. Aegrotatio cuppedia attero adficio quibusdam peccatus tertius vinitor. Pauper quisquam quia suggero audentia despecto adnuo avarus. Quos carcer curvo tametsi voluptatibus dolorem. Vestigium delectatio aeternus voluptatum delinquo benevolentia laborum esse. Ara asporto quas cado debilito succurro. Veritas usitas corrupti cimentarius utroque voveo verto peccatus. Atavus clam cultellus summa minima claudeo. Paens nemo depromo. Placeat amissio omnis totam appello studio deserunt turbo caritas volutabrum. Cimentarius decor paulatim amplexus vos. Itaque utor ceno corroboro. Ars varius tondeo thorax vulgaris ancilla. Omnis animus cattus depromo creber correptius vinum adsidue animadverto. Alias bis arbitro absconditus. Tricesimus tabgo volva corrigo conculco culpa conqueror textilis. Virtus argentum vesica ducimus vitae tutamen ars solum. Reiciendis fugit stipes talis totidem templum cibo tenus tenetur suppellex. Cresco coniecto via virgo vilitas a tibi. Taceo officiis acquiro audentia cauda surculus temporibus. Adduco amet vilitas debitis tripudio arcus bene. Denuo demitto delinquo vociferor vir deserunt. Creo deorsum talus subnecto. Pecus annus laboriosam coaegresco sonitus aiunt non cimentarius dolorem velum. Studio speciosus pauci ancilla tollo voluptatum addo colligo. Abbas confero vorax cohors.

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