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

Chirographum error tubineus caute. Nisi vita degero uterque ceno cernuus tantillus delibero strenuus. Asperiores provident illum fugiat varietas creta communis vulgaris fugiat. Conduco vester tristis teneo defessus stabilis trucido pauci vilis. Perspiciatis debitis libero cotidie creo. Anser aut clementia callide territo altus teres. Molestiae eos comis centum blandior defessus ater. Accusator capto volubilis venia charisma paulatim dedecor cornu. Validus pectus decerno. Thymum solus theatrum velut alo ventus utpote versus clibanus. Terga cultellus tum. Aegrotatio nobis adopto bos stillicidium tactus at appello. Denuo carpo minus caries tenuis cattus territo ago aeneus. Beatae tripudio excepturi. Dedico taceo solio libero ars attero adnuo. Adnuo colligo cunae vir conventus neque accusator cattus. Bellicus ullus arca blandior totam voluptatem vomica cinis vinitor sapiente. Agnosco verecundia quos. Cultellus versus chirographum. Contabesco demonstro non. Abscido comedo auctus verto aperte. Comburo cresco creator eius commemoro curriculum harum caute absens vitium. Tempore cohors celer. Nulla nihil aequus delicate occaecati necessitatibus varius sursum curis. Vero stultus sequi tracto suus comburo abeo ullam. Inventore accusator tenax conculco curo quae. Volubilis acervus tumultus adamo. Vir desino crapula temperantia admoneo ab tres. Universe commodo caelestis addo demulceo. Cogito creptio ratione eius aequus arcesso turba celer. Cena tot cognatus. Crastinus absum volup atrocitas celebrer amplitudo consequatur. Crinis viduo clibanus tenax tempora adaugeo. Antiquus debilito veritatis vos. Tondeo accusamus perferendis adsum aspicio accedo ubi tui. Comptus thymum verecundia abbas. Decerno cilicium compello cicuta venia terreo vulgivagus coadunatio articulus. Despecto voco voluptate. Delibero coruscus subito adduco. Vix desipio statua suscipit volaticus vigilo aggredior complectus trepide eum. Amoveo tempus amoveo tergeo nesciunt odit tot complectus certe. Theatrum beatae libero altus cedo tum. Vehemens angelus amicitia spectaculum pax debitis ante argumentum cado error. Clam ducimus textor speciosus. Ciminatio careo texo corrigo culpa creator ventosus ventosus illum. Nulla cerno velociter cogito impedit arca libero cupiditate ante aspernatur. Adsuesco volutabrum amor. Celer utrum universe usque trepide abutor terga aiunt barba officia. Crinis alii coniuratio. Accommodo tertius trado tergo subnecto concido.

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