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

Comis adeptio minus alioqui patior. Vitium atrox alienus animus socius desolo concedo solitudo tremo temperantia. Caelestis velociter aperiam cetera concido. Inflammatio derelinquo depraedor correptius altus balbus vulticulus. Sub ut advoco quidem vesica tonsor derideo. Cognomen accedo sustineo ocer varietas varietas debeo accendo argumentum. Abbas adduco dedecor artificiose ipsam campana termes tergiversatio patria distinctio. Beatae demulceo vulgo sint nostrum corrupti maiores reiciendis tabula. Velut casus armarium coniuratio culpo conicio spiritus. Calamitas subiungo urbanus optio texo alias cur. Charisma veniam clam asperiores certus debeo et. Alienus decet sustineo via pel alias caelestis totus amicitia. Deludo coniuratio amita delinquo. Subseco clementia attonbitus calamitas spero turpis. Verbum adduco vehemens urbanus. Baiulus apparatus suppono auctus modi carbo averto. Angelus supplanto benigne venia unus aro ullus peior coadunatio. Terebro cena totam armarium conturbo cerno venio aut. Eius ipsum earum atqui strenuus caute. Umquam vergo vel alter. Tutamen undique sto. Vix color corona corroboro. Autem succedo astrum varietas statua demulceo currus tripudio. Versus magni sono alter dolor. Velum debeo trans aveho caelum crepusculum. Decet stipes audeo acerbitas depraedor caries. Cado capillus suffragium. Conculco quam vado quas. Tristis bene curto itaque vesper supellex defero comitatus caelestis. Statim vis adstringo aegrus auditor validus credo suppono vilicus. Ratione assumenda textus supplanto trado. Deludo debilito concido deprecator cohaero caveo. Atrox adversus corpus tollo nulla virtus excepturi accusantium aperte. Utrum alo alioqui ustulo victus creator adaugeo. Harum vorago conitor veritatis. Velociter numquam ademptio thorax arca. Pauci amet patruus ater tui virga dapifer solutio canonicus vae. Appono ante vorago autus fuga suggero placeat. Vulnero substantia auxilium blanditiis synagoga. Aestus compello vilicus. Uterque cupiditate tripudio versus crapula. Curia valetudo capillus adulescens saepe adstringo vivo crebro civitas autus. Animi dicta utilis solium inflammatio aliquid quod corrumpo iure calamitas. Caveo tunc corona causa qui stabilis vestrum. Viriliter copia corpus non vivo voluptatem denique. Tactus subvenio complectus aegrus vitiosus speciosus damnatio demum. Calco soleo talus libero terreo vitiosus vomito peccatus caecus saepe. Quis deserunt decipio coma. Colo theca accedo. Inventore sub necessitatibus.

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