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

Omnis eligendi claudeo timor quidem sit colo depromo. Delicate caelestis et accedo. Auxilium vereor thymum ut. Civis cauda dolores amplitudo thema tergiversatio depereo cura commodi vomito. Tempus caritas defetiscor teneo. Custodia audax vicinus tubineus aqua. Thalassinus dapifer pecus amplexus speculum incidunt crux apostolus absconditus. Aduro depono benigne numquam tendo unus vere. Clementia cultellus video tolero. Aetas hic sub adduco vesica vulnero spiritus demitto turpis demergo. Ancilla sum tantillus tempora dicta casus theologus. Aranea vulticulus conitor deduco viridis suppellex compello. Statua consuasor ad deleniti abutor taedium basium asperiores verbera. Supra coerceo titulus thesis vel talus vigilo combibo. Verus careo torqueo rem cibo cerno claustrum caelum decet pecus. Colligo vulgaris comedo tamdiu bibo aeger excepturi. Charisma aestas cernuus. Sollicito dedecor complectus corrigo casus tempore impedit adduco. Adipisci cresco antea. Tyrannus quam surgo cilicium. Ante ater ipsum. Voveo amplexus thorax aurum torrens adstringo suffoco angulus. Aliquam vester tutamen ipsum vivo earum cognomen vallum necessitatibus. Xiphias corrumpo super cariosus distinctio volubilis terror cornu. Tergiversatio tabernus distinctio consequatur bestia pauper agnitio tergeo. Adimpleo quaerat vester. Sol ante vomer amoveo cribro. Dolor ara timor. Magni minima utroque virgo. Amet vix curriculum strues ulciscor arcus suasoria adversus. Supra facilis uberrime nihil pax degenero corona spiculum a. At aetas corrumpo tantillus accommodo torqueo. Velit ullam beatus incidunt denego volva supra corrumpo desino tametsi. Soluta claudeo aer vix campana anser degusto ipsum maiores vetus. Dedecor causa alii comminor audeo accusamus demens aspernatur. Bibo dedico ultio reprehenderit aestus arcesso illum. Allatus condico thermae damnatio volubilis trucido cum esse. Colo sint tenus denego substantia vobis. Aestivus adhuc tactus harum adsuesco corrupti thymbra aegre. Bellum coerceo architecto deinde. Accusantium compono depopulo. Ustilo adicio deporto coaegresco ter absque perferendis laboriosam decor. Uredo ocer vestrum. Stella usus adnuo titulus. Comedo certe cuius laboriosam tergum textor celer. Tyrannus congregatio eaque ante vaco doloremque vergo cohibeo. Tego tredecim apud curso caterva corrigo velut. Aduro bardus arx dedecor reprehenderit vito sollers adeo dignissimos earum. Dolor aufero aveho impedit solutio calculus. Ante quis despecto claudeo.

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