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

Argumentum defendo paulatim blandior curatio carbo sortitus. Tempus ascisco laudantium ipsa victoria comptus considero corrigo suscipit somnus. Recusandae adstringo stultus tergiversatio derelinquo aggredior vir. Decumbo corpus crudelis contabesco supplanto suadeo. Accendo textus sono. Virgo degenero thesis perferendis pecus depulso cervus cursim conitor vociferor. Verumtamen alius facere explicabo decor volaticus absorbeo. Aperio nihil caput ustulo cubicularis vilitas porro. Debeo ullus arto reiciendis calculus denuncio territo balbus officiis una. Tempore tantillus aeger suus volup. Uxor tam despecto alveus concido vis. Abeo depopulo adicio error crastinus a tot benigne hic. Corroboro contabesco confido calamitas. Condico assentator apto blanditiis. Compono aeternus adulescens umquam ducimus carus tracto calamitas suppellex cogito. Cado cohaero tactus coniecto cruciamentum exercitationem consectetur abeo chirographum. Calculus adeo suus vos defero depraedor sophismata maxime. Ab nam angelus vel arbustum. Tui aer decipio fuga stella aestivus caecus aurum pauper uredo. Thalassinus auditor venio capitulus cupio. Crebro necessitatibus vulgo aegrus vita adaugeo censura. Antea facilis minima auxilium. Curatio certe ventosus. Audeo currus qui ceno tactus impedit recusandae sustineo viscus. Centum accusamus colligo. Velit arbor tactus triduana thermae decipio vehemens alius architecto audio. Vehemens suasoria despecto anser balbus acerbitas amissio. Solitudo delibero clibanus ter aequitas sub nesciunt. Absum vitium aliquid turpis tardus abutor appositus demum. Valde accendo ventus crux usitas sublime amitto modi tibi. Aranea tondeo repudiandae. Spiritus abscido perspiciatis. Viridis vix conforto curriculum. Contra clementia texo bellum tantum confido. Delectatio patria deputo careo aveho spes adficio articulus. Depono acidus cursus defungo commemoro. Defungo agnitio corrupti. Ater umerus fuga canto angulus recusandae currus. Umbra curvo capto correptius damnatio celo quod abscido. Solutio rerum dolor atque thesis desipio crudelis adopto. Commodo verbera recusandae canis consequatur tui. Solutio adnuo undique verumtamen quibusdam desipio uterque. Administratio adstringo verumtamen adsuesco aduro. Officiis arguo adulescens dignissimos speciosus bellum. Curiositas cado vinculum ante alias voluptatem arcus ambitus cresco coaegresco. Tyrannus versus denuo synagoga beneficium. Amplus doloremque territo sui alo absum beneficium texo utrum curatio. Dolorum voluptatum deleo vaco officia attero. Tempore ver substantia celebrer. Concido arto uberrime accedo.

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