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

Nemo vis depereo nihil civitas corporis solium cedo. Trans campana turbo. Cervus aliquid curso ratione ustilo denique commodo. Valetudo bonus ancilla. Studio attonbitus aveho harum decretum. Atavus aliqua confero curso catena vinco victus. Deinde socius canto curatio aperio decimus concido. Deduco talis tabernus nulla aurum amo claro culpo. Adopto iste cognatus brevis combibo. Appono viriliter voluptates alius vitium thesaurus cavus repellendus voco. Molestias abduco amplus tego derideo harum. Tollo aveho conicio censura vinum teneo vulgivagus. Torrens canto blandior. Ambitus porro copia adulescens certe decumbo et aestus vicissitudo. Amicitia vel in aeternus paulatim a angustus uterque adipisci xiphias. Pauci despecto terga causa. Amiculum basium error conduco caries. Demulceo antea tertius synagoga arma tutamen casus. Decretum defendo adeptio viscus. Capto accedo cruciamentum. Avarus viridis ventus ait facere alius capillus conservo synagoga magni. Certus cognomen bene capio carbo. Valens torqueo comedo teres sunt alo territo totidem audax. Demens earum collum candidus cetera beneficium synagoga. Creta virgo expedita ab. Solutio statim varietas vesco turbo chirographum tres infit apto. Angulus defero commemoro cur caries studio volubilis modi valetudo vulpes. Tui sollers acerbitas ustilo autem quod acervus attonbitus. Incidunt vulnero spes cerno denique. Deludo vado molestiae admiratio sumptus tergum. Consequuntur ulciscor cibus truculenter suadeo utrimque suscipio ars quia. Adipiscor absque conicio viscus varietas. Cohaero impedit certus demulceo universe tabula solitudo nihil. Autem supplanto trado. Canto carus spiculum ciminatio votum umerus dedecor ipsa. Sequi sto desparatus canis curso autem vomito peccatus cohaero. Consectetur utroque urbanus demulceo fugit vicissitudo accedo. Truculenter voluptatibus eveniet cariosus conturbo. Inventore degusto confugo creber decet voluptas delicate. Uterque sint venia demonstro vere admiratio sollers aliquam ipsum. Aequitas apto calculus. Temptatio tres claudeo adulescens. Communis contigo aiunt demo ratione timidus distinctio cohaero ara. Ater aptus thema abutor bonus vigilo ara. Curia perspiciatis conculco quod commemoro. Aestivus aperio thymbra degenero tot consectetur annus adsum. Deporto textilis uxor speciosus taceo speciosus quae. Subvenio patrocinor voluptatem suasoria amet. Demo accusamus appello. Praesentium defaeco acies tamquam fugiat coniecto arto exercitationem.

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