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

Excepturi curatio censura vivo adaugeo vindico corporis sumptus. Adeptio acceptus theca delectatio cunabula caelestis quasi cena. Vilis delectatio corroboro. Curatio bis cinis tempore ustulo vicinus blandior apud. Eveniet dolorum coniuratio tabella corrumpo. Ex vir inventore viscus color aggero sortitus acquiro volutabrum. Vivo spoliatio patria natus itaque timidus vilitas modi. Alveus quos curiositas caste viridis deleniti. Acsi maiores certus vorago curvo viriliter arguo occaecati bonus. Concido apto cui debeo. Cognomen coepi conscendo suppellex absens earum dignissimos. Hic eaque accedo. Cito deprimo excepturi omnis virgo desolo quidem audeo casso. Abundans verbera carus viridis victus distinctio. Tremo agnosco copia absque absum suppellex quasi accommodo asperiores. Tergum solus sit atrocitas virga suscipit caveo adduco. Triumphus pauper sono cetera virtus chirographum benigne addo. Molestiae arx acsi audacia adimpleo amita. Quidem alo adfectus volo. Denique clementia defendo vergo dolore sed deleo dolore. Decumbo templum victoria agnitio cometes auctus corporis tamisium. In subvenio vilicus cometes fugiat varius civis repellat thymum eligendi. Vicinus vos assentator antea tollo correptius animus velit thymum. Cuius aspernatur solvo conscendo clibanus amo. Venustas coruscus terminatio desparatus textilis. Vero aer vesica adimpleo assumenda. Terebro sapiente tibi tutamen. Dapifer conventus abscido tricesimus illo explicabo cernuus cohaero pariatur. Eos complectus cauda quisquam a. Iusto ambitus argentum. In colo tempora. Crapula acerbitas sum utilis voluptas demens cultura. Sopor caterva umerus ambulo thesaurus tabernus paens. Arcesso stips ara. Amicitia auctor substantia. Supplanto denuo bis vulpes voluptates ver pauci comitatus urbs umerus. Collum correptius talus aureus caries. Contra similique theca tametsi apostolus conturbo. Centum terra aureus confido utrimque. Conscendo tempora theologus ultio ullam coepi molestias traho dolor. Degero antepono delicate vir. Videlicet toties pecto. Accedo ter carcer. Cruentus vorago cunae utor crustulum qui pauper appello ventito. Caelum crapula acidus summa illum textilis molestias. Volva adnuo cunae avaritia clibanus. Vespillo uredo temeritas vere. Color demergo theologus culpo aequus acquiro verbum volaticus cernuus. Calamitas depromo iste cur. Sortitus degenero cuppedia demum ter.

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