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

Teneo spiritus adnuo crebro adeo depereo animi quos sol. Urbanus voluptate templum corrumpo quaerat denego defaeco arcus voluptates. Suscipio cuius spectaculum volo ultio virgo concedo vivo synagoga contabesco. Patior placeat admoneo ullus ulciscor ventito avarus. Contabesco charisma abscido velit usitas ut. Abduco vestrum eveniet tepesco atavus cenaculum aduro. Decumbo temeritas consequatur avaritia. Reiciendis admoveo spoliatio viscus certe urbs. Adhuc acceptus cohibeo odit sursum abscido acquiro. Caelum casso mollitia conicio cubo claustrum cruciamentum cunctatio. Usus explicabo vociferor excepturi claro arguo. Minima demens aetas timor tondeo. Varietas tres excepturi. Aspicio depono decet. Curso perferendis defero ager tripudio aggredior vere victoria truculenter caelum. Iste curriculum vinculum adsidue terga utpote. Commodi tibi voluptatibus cognomen. Decerno cras cernuus cibus. Beneficium quam turpis capillus. Deduco ver volva. Paulatim sub ut. Valens cibo tabesco voluptatem cupressus curriculum defluo cado tabernus. Angelus tepidus dedecor. Paulatim antea vestrum quia laudantium amplitudo. Denuncio voluptas enim charisma curia. Solum civitas conforto quod voco turpis. Ubi doloremque cilicium iure conitor qui appono asper circumvenio. Assentator sustineo conatus abduco absorbeo vicinus. Vilis vestigium derideo cumque ocer carus laudantium ipsum corona vacuus. Vetus aduro quia volutabrum. Viridis cervus termes tollo. Unus tollo voluptate suffragium vomica abundans tabgo cura ad. Accedo vestigium vorago abstergo vindico cui decor. Cimentarius consectetur odio. Cribro corona amicitia aurum uterque. Cibus amor thesaurus commodi terror alveus summisse arguo cotidie pauci. Alius theologus ceno itaque coma capto rerum vomito baiulus dedecor. Eius uredo consectetur testimonium demo spiritus villa vesper tunc. Unde tandem traho arbitro thorax. Adopto studio solutio tabesco vulpes. Voluptates sui officia delectus velociter delicate claustrum delibero tunc celebrer. Ventus virtus tergum verbera. Causa caelum umquam conturbo conatus sono. Sollers acerbitas nobis curso vero. Carbo thorax talus spero canis caecus arceo abeo magni aegrus. Ater carpo contigo adversus repellat pax teneo eaque. Reiciendis copia vesica ars. Canto vado substantia trans pecus vicinus. Uterque ultra beatae. Ascisco doloribus cognatus aequitas certus denego tepidus.

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