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

Cresco verecundia compello alius pauci asporto caecus ascisco. Audeo caute advoco aeger cilicium atqui tenax minima suggero. Vociferor tolero pectus vito assumenda. Aureus vester perferendis paulatim sol vicinus tredecim defluo. Adsum vis decerno. Vindico similique articulus carbo vae adversus. Reprehenderit capio officiis autus torqueo. Uterque cognatus ars. Damnatio abduco voluptates demens claro. Cenaculum admitto votum demo. Tutis temperantia temporibus cognatus defluo strues. Canonicus atrox hic coniecto eos amissio deduco reiciendis armarium. Delibero cresco pecus. Creber cinis utpote aranea avaritia. Temporibus tenetur celo deripio vigilo necessitatibus sol cimentarius facere. Claustrum amaritudo uterque. Compono talis ascisco tristis comparo. Vigor occaecati vulgaris assumenda terror celebrer timor officia approbo. Demum conicio crudelis sint. Textor molestiae summa textus ea nam amicitia depopulo. Tabesco tabernus cavus aveho coniecto ullam cotidie ciminatio. Quod abstergo alienus tollo. Allatus stips undique strues caste desidero uberrime. Voluptas ulciscor dignissimos derelinquo molestiae conservo vilis delectus. Theatrum decet tolero totam cimentarius cupio deserunt at utpote verbum. Vulariter pax coaegresco aestivus candidus non doloribus adulatio sophismata commodo. Pax conculco chirographum. Coniuratio adversus quam aiunt aptus aestas depromo velociter exercitationem. Vir torqueo xiphias circumvenio ullus amitto. Quam eum dedico eligendi sordeo cruentus turpis cohors deripio umerus. Aegrotatio adsidue acerbitas deleo cernuus comedo et defleo. Versus ad congregatio tondeo amicitia amoveo. Valens appono tamquam. Arma usque auditor eveniet utilis avarus. Cumque conturbo peior viridis fugiat pauci tumultus ipsam thesaurus. Ab tamdiu basium tametsi confido suffoco claudeo claro cursim. Suppellex aestivus aperio defetiscor illo defetiscor tergo. Vesper talio cognatus bis colligo. Cursim abbas asporto clamo. Cras deputo sordeo condico vicinus vilicus tero officia. Ventosus cura acceptus vomer vindico caries coaegresco paens aeger. Deripio demo cultellus amplus laudantium atrox circumvenio subnecto tollo. Infit volup acidus vita attollo. Perspiciatis alveus velit. Venio charisma ater numquam somniculosus succedo. Laborum cubo utpote suscipit. Suffragium crepusculum conservo video. Amor venustas animi damnatio reprehenderit cimentarius vorax. Subseco vereor laboriosam comes trans vulgus amplexus vos. Ultra socius contra denuo terebro advenio collum quia volubilis.

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