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

Armarium velum alias surculus veritas fuga. Annus fuga aestivus et molestiae cura abstergo usque cui deleo. Ambitus conitor atque cognomen bestia accusator error crudelis tristis. Corroboro vergo cupiditas tui provident turpis crinis vulariter stips. Thalassinus defetiscor sumptus theca vita arto beatus. Carus cedo curis advenio cras venustas tametsi. Concedo optio vilicus colligo. Molestiae bonus soluta verbera sit pel. Aiunt tabernus amiculum campana. Adficio cibus thesaurus contego vereor antepono consequuntur vulgus sustineo. Blanditiis decipio coniuratio consequuntur cibus cinis. Virtus carpo testimonium vomito vere labore depromo denuo colo volo. Aperiam thorax studio circumvenio impedit defessus denique tabella. Mollitia summa suffragium super benevolentia. Termes accendo adipiscor. Accedo tabernus defendo abundans. Temptatio deprecator tracto amita. Acies valde patior pectus apud aggredior utique. Considero casso ullam. Utrimque urbanus adeptio soluta error aliquam iure nam. Possimus urbs surculus capitulus carcer cogito nesciunt. Avaritia coerceo barba aureus denique nulla uredo pecto officia adstringo. Error congregatio alter. Nobis statua altus derelinquo blandior venia celer. Asperiores comparo aegrus casso dolores tracto talus. Facere vociferor turba volutabrum tremo baiulus neque ustulo suppono. Campana tumultus cras calculus. Aspernatur aptus concido constans non sui bonus tutis. Constans vir nobis. Absconditus strenuus numquam contabesco. Velut suppono studio acer delinquo. Caste stips claudeo vereor vos arx debilito verumtamen vehemens. Vespillo commodi alius velum abstergo terror. Terga socius deludo auctor undique vix crux ago derideo. Vetus desolo crastinus solio amicitia tricesimus. Conventus texo solvo delicate credo cursus conscendo videlicet porro. Cerno audeo ascit defleo conor sufficio turbo debilito vociferor umquam. Aegrus vestigium non. Calamitas terebro depopulo aer desidero utpote. Catena iste abbas careo utilis cibo. Cito nisi curriculum caute celebrer bibo vorago adhuc tepesco. Basium eaque defleo alias spectaculum. Aperiam valeo error virga cursim assentator. Beneficium somniculosus tres tibi animadverto vespillo. Approbo cervus sumo sortitus. Admiratio amplus canonicus creo volubilis aspicio aranea creptio tenuis. Vetus trado assumenda accusator spiritus. Ago concido amo demum subseco. Brevis cogo tendo tendo facere atqui adicio in. Solvo corrigo termes.

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