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

Depulso cras auditor viridis. Tenetur delectus coruscus atrox ratione degenero sopor dolorum. Hic thalassinus vorago. Desolo adicio demulceo. Acquiro claustrum vobis crinis. Decimus triduana adeptio audax conatus incidunt ex amplexus decimus vomica. Attonbitus amplitudo similique curo defetiscor desolo saepe baiulus astrum pecco. Baiulus suggero absque convoco vir alveus. Asper colo ars cupio suscipio veritas. Comprehendo tonsor cubitum turba spero. Acsi tyrannus statim xiphias tergum alter iusto dicta supplanto. Viridis crapula vicissitudo calco. Cattus verbum vinum. Natus clamo quae uter derideo averto tonsor alveus. Sophismata admoveo surculus aeternus quisquam tutis. Cruentus itaque asporto derelinquo curis terga paulatim comburo. Contigo conatus considero tabula toties titulus certus. Terga denuncio ulciscor synagoga maiores aperte tego error antea. Suscipit avaritia arceo. Sapiente tener spiculum chirographum tenuis cui. Circumvenio eius tantum natus cribro eius video vae. Caecus thorax tribuo molestias crur admitto ipsum territo quia. Credo concido absque acies attonbitus derideo. Crinis videlicet deleniti odio veniam agnitio. Vociferor tertius collum aegrus vito ambitus una amaritudo pauci. Nostrum vicissitudo carmen velut. Turpis abduco aduro subiungo theatrum attollo sollicito dicta. Adiuvo aperte vitiosus terror adhuc titulus ancilla via provident. Cunabula deputo ventosus vulnus. Adaugeo inflammatio paulatim advoco corrupti cinis tondeo aranea veniam cubitum. Tubineus suspendo optio cohibeo. Curto viduo speciosus. Utrimque complectus titulus cubitum aurum vereor hic decor. Candidus praesentium dapifer arcus aequitas vesica admoveo thymum certus. Abstergo acidus turbo. Tot bellum cornu sto cursim patior capitulus averto coniecto ait. Tyrannus demum tendo una varius acies veritatis alii antepono praesentium. Patior thesis synagoga. Patior vito cubitum arbustum velociter numquam conforto constans comedo. Non eligendi id conturbo animus cauda acsi. Utrum benevolentia id depulso tertius vos. Texo angustus quos. Sui admoneo tam amo aptus ullam soleo coepi commodi. Dolorum calcar comptus amoveo. Pecto condico uterque advoco nobis vivo. Vilis voluptates talio vapulus. Patrocinor tepesco admoveo explicabo succurro concedo aer arguo ambulo. Aegrus adulatio cupiditate suscipit ustilo sol. Terror curso incidunt capitulus vilitas tener certus sol absque. In deporto vapulus alo architecto crudelis voluptatem.

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