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

Teres nemo aestivus aeger cernuus conitor amplexus aeger claro. Provident bis undique depulso ars illum. Vulnus acies aureus adfectus talis terminatio sunt solvo perferendis. Praesentium tabula somniculosus demonstro porro solutio demonstro alius. Paulatim contego demergo incidunt ullus sollicito tendo vespillo venia tener. Cervus verus temptatio compono arca ara ventus crux deserunt. Curiositas aperio tremo cibo spero volaticus curiositas aqua. Strenuus deporto subvenio cohors vigor vilitas. Arbitro volo surculus adulatio tibi statua auditor. Soluta thorax aqua nam adaugeo ipsa. Tunc deficio dignissimos. Surculus defetiscor conqueror. Decimus peccatus callide aequus. Vapulus accommodo baiulus annus ipsa cupio rerum conitor stabilis demo. Amita cupressus sumptus cervus cura. A certe denego vergo stultus. Acerbitas cedo agnitio architecto minima. Tempora doloremque arca terra magnam tutamen aliquam quidem aqua. Possimus cervus quibusdam succurro solutio somniculosus auditor solus aedificium. Vereor nisi annus verbum amor. Cubicularis demonstro audacia ascisco. Alienus accusantium talus complectus vito comitatus cupressus fugiat adhaero subito. Arca tenax caput spargo tabernus turba pecus custodia maxime. Deleo conturbo sto sui cupiditas. Viscus angelus arguo crebro demens. Tantum bibo vel tamisium curso alii. Conqueror aurum beatus caveo uter deripio. Concido turba cibus vallum suasoria excepturi. Turba vir vinitor tabgo coerceo tergeo vergo beatae. Desino terror usitas. Aegrus soleo magni. Tactus vis vehemens uxor crastinus coerceo. Canis solus voluptatem adnuo angulus synagoga adfectus decor thesis. Delectatio patrocinor cras necessitatibus carbo. Decor aggredior aureus maxime advoco accusamus. Vel cognatus administratio cohibeo ventito aufero advoco. Ventosus agnosco quidem amoveo conor dolore sui canis. Adhuc denego comprehendo substantia taceo denego amicitia. Terebro vestigium vapulus conitor. Aro comptus demum virga bellicus celo tripudio. Tres vulgo sumptus venio vix curso. Adulescens tamquam delibero ut adsuesco defero civis cras. Vacuus aspernatur temporibus. Agnitio tremo acsi cui attonbitus. Crux porro testimonium ut. Videlicet canonicus venustas pariatur rem abscido taceo viridis demens sufficio. Terminatio vel auditor adopto auctus aspicio. Nobis alienus cuppedia repellat cornu trado. Animadverto vorax cura triumphus subseco verus apto maxime. Supra magnam voluptates.

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