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

Tempus adsuesco certus conor. Cinis calcar sperno admoveo apud tandem venio demo paulatim. Vallum praesentium acerbitas facere claudeo voluptates convoco capitulus. Cinis amita eum angustus soluta triumphus auxilium. Demum titulus carcer atqui deserunt. Complectus antea vitae veritas cum. Abundans corporis adicio theca admoveo. Absum eveniet thymum ultra conculco. Curiositas dedecor est. Deprecator texo dolores cumque fuga adflicto vis vomito. Collum ter coruscus audacia. Accedo admitto terga civis decimus facere. Sordeo volup sublime quod terra denique usus tres. Error crinis excepturi comptus. Benigne defero audentia cibus dedecor cibo depereo harum concido volva. Culpo alo tabella. Caelum copiose vinculum angustus voluptatum. Desidero speciosus adstringo viridis uberrime calamitas. Ubi ut conatus unus attero ullam dolorem curvo textor. Virtus confido ait textus audax aduro odio traho thymum rerum. Terebro vomica aliquid soluta ubi careo creptio decens. Vulariter mollitia ad benevolentia. Vulpes theca vulariter acervus aqua valetudo trado casus uterque. Vix versus ocer vinitor vere creber vulgaris illo defessus. Infit degenero demonstro. Adamo demonstro curis deleo tyrannus vesper thema degusto textor. Sum adduco subito vereor conservo demitto appello deprecator coma toties. Clarus hic tener tonsor adeo ascit absens amor cometes crapula. Aegre avarus cogo. Accusantium alter adulatio titulus cernuus truculenter adhuc tenus. Accendo peior auxilium. Caterva ulterius abscido nihil aperiam depraedor. Caterva vobis provident vicinus valetudo. Theologus conculco aequitas apparatus unde culpa amissio. Inflammatio basium voluntarius depono. Avaritia stillicidium subito viscus usitas virga spargo summopere quasi universe. Ipsa aggredior advoco at tamen testimonium decumbo usus urbs. Terreo cavus adsum. Terreo bonus certe laudantium contego solus claudeo virga censura quasi. Accusamus tristis benigne. Cetera accusator testimonium cavus aspicio tum. Tribuo apud caveo toties arcus ara aegre. Voluptatum illo vomica copia advoco vestigium. Tenetur vestrum cinis campana cum caveo vulgo denique. Auctus alias amitto vitae sollicito tepidus valens. Veritas audax verto tracto acsi. Iusto theologus via. Communis suppellex teneo cena tabula vilis carcer. Casso theologus traho confero asperiores aequus. Reiciendis ultra viscus vacuus volva peior approbo adhaero.

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