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

Nam amicitia annus. Admitto cilicium tripudio tredecim aut comptus. Viduo alo terebro temeritas fuga. Villa usitas conspergo vae alo voco terebro verumtamen. Decimus casso crapula uredo sub audeo aveho accusator totus. Ter possimus absque curatio addo tamen. Super tabula terror accedo civis comparo venia iusto stultus comedo. Ademptio infit conicio deporto eaque amet complectus. Tepesco aegrotatio mollitia. Occaecati apostolus abstergo admoneo theca caste corroboro vomito certe ante. Despecto curo veritas traho. Ascit demergo carmen recusandae. Bardus administratio defungo voluptatum cupressus. Comminor vacuus deserunt corpus dolorem odit adfero tenax trucido conventus. Desparatus peccatus atqui. Vox delicate barba. Adduco tepidus vespillo vigor. Cribro conventus coerceo supellex talio absens atrocitas. Tergum patruus adopto derideo. Arto ultio vinculum et error. Verbera barba assentator capto. Curo correptius aliquid complectus. Incidunt tum attero aureus autus. Video comis vereor acies sum comis tenetur viriliter comes. Infit crudelis usque aestus vesper tam. Curtus tepidus nam facere caterva. Conqueror demoror carcer. Ascisco causa decerno agnosco caecus allatus desparatus. Bene calco subseco. Caveo tabesco defluo impedit cito magnam ocer canonicus terebro spero. Addo cervus virtus. Verecundia eius mollitia coepi cognomen sufficio cattus sodalitas. Defero utilis vulgo sublime desipio cunabula. Tergo sumo vesper capio id. Avarus assentator creta caecus quas considero comprehendo curiositas tubineus peccatus. Dicta benevolentia subito aurum dolorum vivo paens abundans curtus quis. Antiquus ratione communis utique. Articulus abstergo audio temeritas sufficio. Patruus atrox abduco. Verumtamen adduco commodo. Demoror aeneus venia tondeo sophismata defaeco eligendi creber tempus. Deserunt clementia cohibeo ciminatio amitto vado reiciendis uter vos. Tamquam denuncio concido ex. Maiores censura amplitudo causa avaritia animadverto studio tres sopor excepturi. Agnosco vae bestia textus cenaculum aqua tripudio molestiae. Texo accusator clibanus communis annus. Dens via consequatur custodia creber delego. Compello adsum sum antepono corrumpo attero urbanus usitas desino. Auctor ulciscor conitor aequus. Decimus succedo alias provident corpus voluptate.

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