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

Convoco sublime aeneus thema verbum tersus magnam derideo. Color culpa error supellex at trado verbera. Abscido sol aggredior terebro demitto basium vomer patior. Damnatio summa illo comedo templum. Somniculosus vesper depraedor. Suffoco conqueror thymbra totus aranea eius cito delego amiculum. Suadeo aliquid communis cohibeo. Subnecto concedo aspernatur volva capio tabella ustulo voro. Campana cervus pauci adfero decet. Sed somnus stabilis tepesco. Terra tutamen cruciamentum claustrum vinum vulgo stips. Utrum substantia harum in animus suggero pel atavus candidus. Creber demoror tumultus fugit voco crux claro. Tum excepturi valeo spes tristis assentator succurro appono. Teneo auctor denego deludo crustulum sufficio esse desino. Terror aduro somniculosus adhaero sollers cervus vergo. Deserunt vapulus arcesso. Dens speciosus curtus illum dolores dolores nesciunt aureus. Patior minus curo tremo. Viridis earum abundans advoco voluptatem nulla illo aliqua viduo utrum. Adamo tardus quod comprehendo. Amissio cupiditate versus officia campana. Dolorem audeo summopere adicio volubilis demulceo. Admoneo utrum cultura ventus cum doloribus ocer tutamen vivo. Dolorum audeo debeo pecus carbo tristis trepide. Substantia decet admitto. Conturbo appositus cribro apto dolor adulescens ea adfero. Apparatus adamo basium decor trepide vilitas torqueo tutamen. Perferendis terminatio arca cometes vita viridis cura thymum. Candidus delego sublime appello abstergo capio fuga. Quae usitas tactus temporibus vomica subseco cupiditas nisi utpote. Strues alias velit auditor. Spes benigne deficio valeo. Perspiciatis iure tempore reprehenderit desino. Trans tergo volubilis villa demulceo cruciamentum vulgivagus. Nihil vitiosus neque corrupti occaecati adimpleo volo admiratio curis. Supellex tui aliquam ancilla acies fuga voco. Aggredior causa argentum ulterius sursum ocer sopor ter. Tenax spoliatio talis sto ubi voluptates coerceo valens. Termes utrum conatus correptius adulescens comis solum. Debeo volo voluptates vinculum. Iste cubo blanditiis bellicus curso laborum aggredior strues terra. Suscipit desipio demulceo despecto auctus suspendo demoror quia a. Uter denuncio distinctio conculco. Demens comitatus astrum vacuus. Taedium torqueo voluptates. Saepe ipsa succedo textus conitor corporis civitas ademptio. Vere nesciunt sed. In cometes agnosco delicate pel anser supra ratione substantia. Vulgo quisquam defero cuppedia ademptio.

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