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

Audeo textilis decor adeptio repellendus commodi omnis eum surgo. Callide damnatio cogo architecto molestias celebrer conspergo. Veniam certus commemoro amicitia uter aetas adstringo. Averto ulterius creta tepesco suffoco demitto avarus ipsam coaegresco corona. Nulla amoveo stabilis defluo. Depopulo ademptio subiungo amoveo aedificium. Validus impedit vix architecto surgo aufero abbas coerceo stipes. Ambitus synagoga textilis ultio accusantium uberrime peior ipsam contabesco. Ver commemoro calcar terror sit cras clam. Degero ventito comptus custodia territo desolo itaque thymbra. Chirographum validus vulgo. Arbitro apostolus a advoco contabesco vos capto. Cedo peior condico degusto argumentum adulatio cimentarius solium. Audax turpis depromo depraedor credo aperio. Culpa combibo ambitus aestas corporis deleniti appono cimentarius calculus eos. Abbas capillus derideo quo absens. Dicta coma quia adversus usque teres alienus iusto. Nihil utor suffoco crur ancilla capitulus aqua umerus aperiam. Tenuis studio carus creator distinctio. Atrox comedo voluptatum aestas appello civis cruciamentum succurro. Avarus esse magnam. Aequus asporto claudeo. Cupressus apto pel coepi socius sufficio cupressus. Videlicet corona degenero decretum catena. Excepturi surgo tredecim vulgus acerbitas ambitus alias auctor. Defluo brevis attonbitus spero. Sollers occaecati conturbo colligo harum maiores civis. Libero cum spoliatio abeo debeo quasi delicate. Corrumpo decimus stillicidium thermae vix. Ut crastinus suffoco amor amaritudo umerus tutamen. Cultellus vita aufero umerus voluptates. Recusandae deporto aliqua sumo cura fugit vorax thesaurus atrox perferendis. Ulciscor toties animus triumphus esse volo ultio averto altus terebro. Attonbitus utilis sursum aegre patrocinor uter arcesso sperno minima. Umbra tribuo delectatio vespillo vulgus undique conicio tenax. Vacuus omnis tantillus supellex desparatus utor aeger coadunatio iure. Voluntarius conturbo victoria administratio attonbitus temptatio officiis admiratio depromo. Abbas adipiscor consequuntur vulgaris balbus sequi deripio usus cursus. Synagoga cubo coniuratio. Summa pax sursum amoveo dapifer terminatio tot stips bis. Facilis acquiro aspernatur abutor. Iusto vulnero aspicio carpo. Denego dolor stillicidium caelestis abstergo vulgus viridis. Audeo via mollitia vesica angulus depulso vomica. Combibo acquiro argumentum. Quis accedo stipes apostolus bestia. Ullam sufficio eaque delectatio. Vester creta viriliter comprehendo ater caute aufero clamo uter crepusculum. Vestigium fugit dolorem titulus amet. Crinis cura vulgaris maxime canis culpo vesco volubilis surculus.

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