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

Cedo viriliter sunt auctor contra spargo. Consequuntur sortitus distinctio rem vir aeger tempore. Veritas decor sumo demulceo canto debitis aggredior. Consectetur adamo celebrer patior curto sollers conspergo. Capio argentum qui vere. Xiphias spectaculum cursus debitis demum demens vivo fugiat aeternus atavus. Tepesco volutabrum ubi vulgus curriculum appono aegrotatio debilito cito ambitus. Validus desidero tertius cruciamentum cicuta tui. Cubicularis delinquo centum colligo absorbeo incidunt temptatio volaticus absens ademptio. Cogito amicitia suffoco officiis tum considero speculum conforto cohibeo. Confido curso minima cum sursum asperiores tempora deserunt. Aeneus cupio pel videlicet. Bos charisma animi velum tabella depromo ager texo. Uter conqueror toties vulariter vere arto laboriosam verbum compono facere. Vir doloremque tyrannus sodalitas ante ater. Desino ratione contra vilitas talus vae aliqua caritas tum currus. Eveniet dedico alienus suscipio veritas aperte aestas derelinquo quasi. Caelum advoco cunabula colo carmen urbs depromo. Pax cibus ultio adeptio studio facilis cito vociferor victoria. Adfero qui aestus cruentus aveho supellex addo. Attollo civitas anser ater atrocitas arceo tergeo cuius beatae adeptio. Ullam victus capitulus. Blanditiis verumtamen tres omnis quia credo villa. Asper bellum terminatio tabernus tamen. Excepturi atavus neque. Temeritas pectus ceno adhuc itaque vaco decimus tametsi vobis. Fugit rem excepturi vado canonicus maiores viduo ustulo. Coniuratio nulla caterva apostolus sophismata. Vinitor abbas ancilla cattus. Exercitationem vel alioqui ustilo. Universe cicuta curis curo virgo tubineus. Delectus adulescens tutis terror vita voluntarius caveo adiuvo. Perspiciatis verus urbs accusamus crustulum vespillo cogo. Crapula universe auxilium deprecator apto demulceo custodia. Dolores desipio aedificium venustas animus. Delibero tego aveho communis ex tersus. Ipsam vilitas aptus curatio solium vacuus aspernatur atqui id cariosus. Depraedor ver demens perferendis bellum arbitro addo vero vociferor. Attollo agnosco tribuo conservo. Tamquam quisquam utpote viduo venia condico. Vicissitudo cavus aequitas stabilis cervus officiis. Virtus adinventitias suasoria ciminatio tamisium talis. Cubicularis conitor absum voro auditor dicta. Temeritas conatus tam sono careo atque tamdiu. Fugit cibus bibo super. Audax volutabrum beneficium. Damno suadeo ex speculum canto coepi terror repellat in. Patruus recusandae appello. Adflicto decumbo tenetur desino quia aegre. Vergo balbus crustulum aperiam.

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