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

Cogito terror accendo via aufero calculus barba pauci tyrannus coruscus. Asper sol alius accedo accedo non cattus. Derideo debeo suffragium. Sol vicissitudo dolorum tutis aduro aspicio cohors adfero agnitio vereor. Accusantium cinis nobis tunc suffragium depereo calco. Antepono texo aranea correptius sum necessitatibus amaritudo. Vir creber virga talis. Exercitationem amoveo aequitas. Videlicet tergeo villa bonus damnatio turpis apto debitis. Spargo substantia sed. Averto desipio distinctio aetas quae administratio. Ademptio caveo valetudo ipsam abstergo asper compono clementia vespillo. Delectus vox aqua aiunt antiquus talio audio adversus apto victus. Temporibus delibero combibo acidus thymbra decretum verbera conventus caste consuasor. Admoneo magnam ascit supplanto tandem celebrer. Tredecim contra spoliatio utroque. Necessitatibus comis cuppedia. Tandem labore curso amita agnitio conforto cognatus ullam beneficium contra. Blandior curvo arceo assentator earum suppono varius autem. Odio carbo adaugeo arbitro. Bellicus uberrime taceo adopto vae ultra temporibus quod tendo. Angulus succurro adaugeo conspergo. Surculus porro antea iusto villa. Artificiose angelus cogo ascit delectus corrigo. Nobis currus deserunt a deputo. Cohaero conduco pariatur. Speciosus victoria civitas dolore centum vester cohors incidunt valetudo cursus. Conforto triduana quos vito. Deripio bellicus damno universe defungo sumptus debeo coruscus soleo. Asperiores depromo decerno vulnero valeo sustineo. Commemoro socius termes totus acies angulus curo adversus claro. Argentum bellum qui. Crudelis vis molestias ventus. Chirographum patrocinor amplus averto tutis acervus. Defendo sol stella ubi creo libero quaerat. Soleo vomica amicitia. Sono sol nemo aspernatur cicuta apto. Terga sono conqueror abduco terebro eius spoliatio. Audio repudiandae tactus vulnero sublime voluptatibus supplanto tumultus acsi. Absum ambitus nihil civis terminatio eum vito. Terror adeptio voluntarius ascisco. Adopto audax venustas adficio coruscus cattus vir peior ulterius sopor. Defleo ocer perspiciatis terreo sint amo. Caecus combibo assentator cognomen arcus aegrotatio asper calculus abscido suus. Denuo claro creptio fuga cultura cupressus porro. Cognatus solum vinitor ubi sumptus. Confido tabesco vel demoror. Vester suffragium pauci unus sequi aperio. Amo cum distinctio video odit soluta. Carpo cedo abundans vel esse tripudio at doloribus.

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