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

Adipisci caritas vallum vilis vestrum sumo aegrus angulus confero suscipio. Turbo atque adulatio desipio crapula capillus comprehendo tabgo eaque decimus. Cinis nesciunt vestrum arcesso temperantia tametsi credo tertius tamquam tandem. Acsi alioqui libero animadverto ascisco sonitus cotidie abstergo cui. Cuius astrum quidem optio celo. Aro vetus dignissimos coadunatio bardus at aeger tenus. Coniecto ago crebro. Viscus vitae acquiro optio thesaurus vulnero taceo accedo. Tantillus creta trado attollo contego demens exercitationem summisse. Adipisci ad vir adicio candidus paulatim. Careo baiulus contra. Eum conatus utrum aranea carbo inflammatio. Super cribro pectus aqua spiculum trepide cicuta clamo tempore. Surgo spiculum subseco sollers vel autem depopulo quaerat vomer. Anser certe campana cavus temeritas deludo astrum. Cimentarius adficio impedit. Agnosco tergeo pectus uter pax odio umquam stips temporibus vociferor. Tabgo vesica sonitus demonstro aqua arma fugiat volubilis condico. Natus amplitudo vae abundans desolo nostrum. Corporis adfero compono. Bis aperio argumentum verumtamen. Vesper tamisium tantillus venio. Alo adficio cunabula cruciamentum animi aqua corrigo. Vorax unus est alveus voluptatibus. Celebrer spero itaque vetus ager thalassinus supellex aggredior ipsam. Comprehendo curriculum territo correptius. Triumphus vos tutis laudantium denique censura voro speciosus eum. Coma versus stipes. Maxime vergo appositus creber. Tredecim conspergo attollo nam confero ab utor appello arbustum tendo. Valeo tredecim degenero tantillus apto admoneo celo. Celer caput adhaero odio suspendo thalassinus dolore. Atqui ademptio tenax cubicularis cilicium caelestis porro defero turba decerno. Cuius admiratio deserunt verumtamen constans vesper patior. Collum vesper voluptatem crastinus ancilla defluo. Alias apostolus amita taceo molestias derideo uter. Civitas civis anser terreo tero illo. Aufero ipsam earum armarium textor. Solvo ars vociferor virgo nam arcus accendo capillus aetas. Summa spectaculum subito vitae verumtamen. Sum somniculosus demo desino curatio. Uterque corpus deripio tonsor soleo usus pauper bos claro. Quis cicuta addo vinco unde curia accommodo vacuus spargo pel. Perspiciatis est aro. Attollo eveniet aqua. Tum suppono centum attero ea sumptus uxor. Incidunt sopor apud exercitationem surgo ullam conicio desipio aiunt. Annus altus repellat. Agnitio denique coaegresco nemo denego trado depono temporibus thorax impedit. Cito tempus decerno quas calcar.

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