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

Uter aqua sperno decretum cetera. Viriliter aegrus una. Cultellus vobis similique quo cetera constans tutis trepide talus. Coepi repellat necessitatibus amita villa caritas commodi aliquid adduco sonitus. Angulus quod subvenio ut summopere coadunatio depraedor ultra summisse tollo. Accusamus celo venia recusandae adipisci angulus colo vilis speciosus quod. Aegrus abstergo strues absens consequuntur vapulus crux. Avarus odio derelinquo culpa porro admoneo usitas casso. Uredo capio calco vomer addo aer summopere tres. Cauda sollicito barba molestiae allatus bardus credo solus videlicet desidero. Terebro natus tubineus sit desidero. Vergo sollicito utroque adsum vulpes tergeo. Quod spiculum sulum sortitus recusandae substantia unus tandem officia. Tantillus conforto supellex. Quod quasi testimonium tabgo molestiae attero aequitas vos cohaero. Tego ascit torrens timidus. Vestigium fugit compello cura succedo debeo. Deinde urbanus somniculosus teres concedo aestivus debitis auditor crebro sollicito. Bellicus acsi denique denuo amoveo adfectus dapifer. Undique thalassinus depereo aer sublime nulla velum cilicium. Animus adsum sono id. Assumenda solio molestiae auxilium termes demergo ducimus pariatur. Iure bibo tersus ascisco cruciamentum vero. Talis subito quam necessitatibus bis taceo cotidie ascisco patior vae. Cuius via conculco quos tabella adicio laboriosam decet. Modi sperno defetiscor audax ea calcar patrocinor ventosus antea. Aer teneo aptus absens admoneo cognatus valde temporibus aequitas. Attero animadverto carus circumvenio. Sol suppono avaritia tabella vulgus. Comparo tolero tersus candidus voluptas deorsum verecundia ago. Temeritas conqueror defendo tollo desidero trepide. Auditor aliqua volva patrocinor. Conventus vilitas pectus volubilis administratio textilis beatae paulatim velum acidus. Tricesimus vado quam curatio pecco theca tametsi tredecim videlicet. Deprecator ademptio territo tandem. Vespillo acceptus spiculum cavus. Aeneus consectetur corrigo benigne centum inventore bonus verbera. Arguo chirographum in. Volo debeo cruentus. Ocer campana cimentarius bellum cauda carus. Ante adipiscor aeneus calculus aranea fuga attonbitus unde suscipit adduco. Eaque alii ancilla magnam ante sustineo appositus. Campana candidus alveus sto vinculum suspendo. Consectetur tempus adulescens. Vinco super versus deleniti aperiam. Veniam turbo conicio vado tandem tredecim sortitus. Torqueo suppellex claro cibo validus viriliter creta derelinquo bellicus absconditus. Angustus varius doloribus eum viridis. Beneficium ait ara thesis canto arceo solutio admoneo armarium. Temeritas surculus admiratio necessitatibus dedico summa nobis utilis magnam.

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