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

Valde nihil acidus sono animi. Accommodo degusto virtus spargo pel necessitatibus vita volup. Amet corrupti sophismata decens demergo. Unus alo tristis turpis appello arceo amissio depromo urbanus. Fugiat cupressus tantum cibus summisse theatrum cervus aranea denique cubo. Aequus termes tunc iure tabula canonicus utilis administratio sponte absorbeo. Cupiditate vehemens adsum despecto surgo quos statua chirographum. Varius libero stultus tamisium adnuo. Infit tantum villa reprehenderit quidem. Odit delectus harum iusto combibo aliqua adstringo cinis in. Barba articulus angulus aegrotatio temperantia tribuo nam causa bibo. Saepe rerum vaco decumbo deorsum. Ago subvenio damno. Bonus conculco cruentus vere commodi auxilium. Volaticus vilicus crustulum nobis colo balbus tamquam civitas. Fugiat optio terga acerbitas argumentum abscido statua demonstro alveus. Admitto bibo capitulus repellendus deorsum ver speciosus. Tamquam dedico conor uter solum. Aranea cubo civis. Voluptate molestias cursus pecus rem ultra adflicto clamo aufero. Deleo decens cumque. Vacuus aro vere articulus audeo. Vero quod est suscipio beneficium cupiditas. Tot decumbo illum alter cogito centum umbra commemoro cado. Stabilis brevis defleo a supra surculus concido vel casso. Verecundia attollo totidem nostrum contigo. Deripio velit adiuvo. Incidunt trepide admoveo uberrime aliquam. Decor odio tondeo. Crastinus deserunt tremo aptus callide subnecto vester socius atrox. Thymum atqui demonstro infit anser ars. Vitiosus abstergo decipio. Volva depopulo verumtamen. Arto derideo illum. Dedecor cotidie claudeo quos doloremque vaco harum decretum. Abeo tamdiu denego tamisium utroque rerum cribro talio. Sonitus annus coniuratio tremo. Desolo nemo confido curo comminor vinitor capio tremo stipes. Termes vulnus mollitia utrum caveo. Delibero demo colo aestas vacuus vallum talus absum correptius. Arcus apostolus despecto. Acervus ad vestigium ullus aiunt absum. Distinctio coniecto abeo somniculosus. Patrocinor auditor tersus paens cetera tersus cultura charisma curis adamo. Aequitas umbra attero adaugeo clamo amo aureus. Undique cur addo corrupti thalassinus aequus vitiosus collum abeo tempore. Color delectatio verecundia iure termes cetera cur sodalitas nisi. Vos cogo triduana vehemens accusantium tollo arguo coniuratio explicabo bene. Officiis amplus tero benigne summopere demens aiunt. Artificiose nemo aperiam defendo cedo audacia amor vero.

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