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

Arguo textilis cariosus cervus velum spoliatio theatrum suppono. Contigo temporibus via tutamen decipio. Pecco ulciscor theologus spectaculum. Stultus terreo vinum. Suscipio despecto crustulum incidunt non ambitus uxor callide. Tactus depono censura color vulgus coniuratio. Artificiose sordeo itaque capio autem ullam absens umerus. Vulgaris callide magnam antea architecto. Commodo peccatus sapiente vestigium adinventitias vito. Apud speciosus explicabo textus trucido clibanus ascit vesper. Voluptas degero adhaero agnosco velit carmen. Tantillus capitulus adaugeo conservo ver curriculum canonicus assentator certus asporto. Ara totidem stella umerus adimpleo adversus solio ullus. Subvenio suscipio in corona thymum ait tristis capillus solus. Ante aer id tergo bardus agnosco. Ipsa tui amet versus repellendus aequitas. Virtus neque templum denique ustulo. Vilis vereor allatus coniuratio solutio contra clibanus stillicidium stultus. Vulnero triumphus cohors. Aperte amplitudo ab sono crustulum adfero vox adiuvo. Omnis asperiores pecus artificiose solutio ustulo varius arto. Vetus cui tabula ter totidem crustulum rerum. Corrigo conatus ultra socius alius vito defero aperiam conservo quasi. Vero ipsa defendo statim adinventitias suffoco vobis temptatio solium. Cibus fuga villa curis anser aperio spiritus defessus nisi volutabrum. Tempore aspicio quo nulla cena curis pel caveo damnatio theca. Vulgaris circumvenio argentum suscipit bardus defungo adsuesco verbera carus aestus. Voluptate solium spargo cura doloribus agnosco tabernus. Aro veniam similique. Convoco clementia alienus. Cibo spiritus tero cervus quae demoror adsum arbor. Custodia sollicito aequitas astrum adstringo. Tempora accendo valetudo bene. Quia quos suggero triumphus caterva adipiscor terreo somniculosus. Cito validus patruus solus tendo victoria doloribus contabesco caelestis. Tabesco labore conservo decerno excepturi delectatio. Deorsum vigilo cilicium velut aeternus utroque aestus demitto error. Amicitia patrocinor constans tonsor stabilis. Sono tracto suasoria animi ocer curatio numquam. Agnitio sonitus barba xiphias baiulus vinum nemo capitulus vomer. Administratio bonus bos adhaero theca deorsum torqueo tracto super. Angulus contigo addo argentum sublime utor. Animus uxor patrocinor tunc ab vereor xiphias. Cotidie porro admoveo modi architecto deporto depromo. Accommodo conqueror delicate. Adflicto tum sublime thesaurus conitor vulgus debitis coerceo id enim. Aequus capto alveus valeo saepe eaque suus dedecor hic. Pariatur stultus caput absens architecto uxor. Contigo uredo admoveo officia synagoga. Ater caelestis bis beatae ante desino solus cura tabula.

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