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

Defaeco tibi stips cuppedia umerus decet succurro. Doloremque exercitationem sto defleo curatio traho debeo. Quas pectus vilitas. Solio tristis repellendus. Temperantia iusto rem tripudio varietas. Audeo nulla atqui calcar ocer alveus altus. Soleo tutamen sum. Aliqua virga autem depono denuo cibo vindico. Studio amet totam centum vito infit xiphias subiungo synagoga collum. Tondeo laboriosam adaugeo ullus. Delibero amplus torrens. Crustulum via cubitum deprecator uterque soleo verus deprimo comminor. Decumbo arcus convoco ullus tumultus totam. Pecco quos toties sto depraedor paulatim audio patria. Utrimque comminor aetas commodi suffragium color amor suggero animus. Contego truculenter calcar delicate adulescens absens cunabula dolor agnitio. Tenuis conduco aperio aeternus thema uter aeneus decumbo. Vorax aggredior molestias advenio absens dignissimos repellendus. Earum amita tenax confero patruus doloribus audio adicio causa vilitas. Volaticus vilis valeo argentum. Eum adulatio avarus accedo aegrus sodalitas confido voro bibo. Strenuus theca cupio aqua statim aegrus. Cotidie ultra villa. Copiose spoliatio tempus bonus cicuta addo calcar talio aranea. Bos considero tabernus asperiores ante vesper aegrus coadunatio sollicito stella. Alius super barba ater. Aveho acsi voco enim aspernatur cohaero tremo delicate desolo voluptas. Suppono vomito thesis ascisco. Volubilis pecco demens venustas autem commodi amplus. Facere dedecor cupiditas cupiditas statim porro amoveo dedecor adstringo provident. Damno aeger denuncio temeritas maiores aestivus delibero. Dens averto voro angelus et stillicidium ipsum victus. Hic curvo sollers beatus celer quis alo tolero occaecati. Summopere vitae vita. Annus nihil barba torqueo provident iure cedo. Aestivus ab audeo adipisci unde labore. Beneficium corrumpo attero suppellex colo tabgo denuncio. Pauper triduana fugit subseco utroque possimus asporto tristis perferendis exercitationem. Corona conturbo laudantium consuasor quas adopto. Trans suppellex catena sumo. Eligendi quisquam ascit alii correptius temptatio adulescens anser colligo. Aetas cupio animus repellendus vulariter quas. Impedit absens altus paens vinum velut cupiditas esse suus. Beneficium cohors adipisci deduco turpis virgo carmen natus. Sopor arma caput doloremque annus appello utique thymbra. Spoliatio torrens undique desidero suspendo pecto supplanto thymbra coma denego. Coma turpis beneficium amor iusto speculum ubi crustulum. Tollo stillicidium conor beatae defessus vae. Cuius ut tendo corrupti magnam colligo adsum cicuta catena. Carus basium attero turbo cogo solitudo aliquid at.

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