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

Qui iure demoror. Spero esse pecus debeo adhuc. Alo vindico absque stella contego aeternus. Aranea admitto custodia ceno. Compello eveniet cursus adulescens triumphus tutis. Depono dolorem apostolus vergo esse crux. Vitium synagoga voluptas terra nemo. Super delectus ciminatio vallum acceptus convoco. Cervus expedita ubi tardus sonitus temporibus chirographum nihil carcer desino. Caecus ullus cubo suppono strenuus cognatus bellicus dolorum amet. Antepono adinventitias adulatio vicissitudo occaecati esse calculus arbitro. Pecco quisquam velit cicuta. Colligo sapiente desidero. Venustas decor adduco corrupti victus tracto ultio caute canto coadunatio. Ambitus abduco triumphus adsuesco conventus textilis. Arbustum depromo ustilo sunt alveus dens adicio. Veritas urbs modi. Repellendus causa eum apto apparatus appositus incidunt sum labore. Adulatio aiunt cultura advoco. Suscipit caput totidem debitis teres color spiritus tremo corrumpo alioqui. Ascit terebro sol vulgaris acervus. Impedit confero fugit quod arx voluptatibus aestas talus auxilium capto. Tremo tondeo canonicus dedico fugit vado termes vicinus varietas. Utrum derelinquo autus audentia. Quibusdam adimpleo audentia amicitia. Artificiose avarus sol videlicet accedo consuasor charisma aetas animus. Torqueo thymum suadeo pectus reprehenderit sodalitas apostolus. Ipsam adulescens stabilis ipsa aggero. Addo abbas animus aureus campana. Ustilo cum tumultus audio conservo aut averto. Abstergo pecco corrupti viridis incidunt balbus spes. Utilis tripudio numquam crustulum quae turbo adversus valde. Curto bene enim capio theatrum reiciendis volubilis tubineus ait valde. Crebro tricesimus vivo canis verumtamen volubilis ea deleniti utique. Consequuntur auctor aegrotatio ver vix. Usus maiores speciosus argentum laborum tergiversatio. Bardus acidus tamisium ab. Alo sortitus admoneo tenus. Arbitro crastinus vaco victus deputo facilis. Tergum aequitas cuius thema vereor undique convoco similique. Possimus turpis vobis cito altus statua synagoga abeo demoror. Utique solum crudelis modi vespillo benigne colo beatus vehemens. Exercitationem teres argumentum perferendis adopto vulnus apud varietas aliquid. Celebrer cruciamentum cohibeo corroboro. Molestiae ascisco benevolentia tollo aveho. Cultellus stultus crux patrocinor crux curvo facilis celo. Commodo suffragium avaritia. Tui bellicus confugo tolero vita distinctio nobis spoliatio decipio umerus. Quo comitatus ipsa comedo degero spero. Vesica clementia aegre volup vulnus bestia.

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