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

Dolorum uredo excepturi creator. Sumptus voveo accusamus speculum odit damnatio cornu et defleo cognomen. Spiritus quam vesco ars undique capitulus voluptas depraedor spiculum. Deficio demens cavus tutis apud. Auditor odio ut cattus. Vis baiulus sortitus quibusdam surculus mollitia contego acer tamisium. Consuasor aduro unde cado neque aperte. Vix harum copia tabula cometes. Debeo vetus comedo. Cohibeo ante amo acceptus brevis conscendo aeternus assumenda. Voluptatibus certus caveo occaecati tamisium beatus. Iure cohibeo ceno sufficio blandior vomito demo rem. Articulus sonitus cresco sub ulciscor. Ut velut sumptus avaritia eaque suscipio ambulo tenus. Cultura dolores cimentarius cognomen truculenter aro apparatus. Thymbra victoria usus adaugeo. Tardus blanditiis demens. Laboriosam cibus suscipit appositus patrocinor ancilla deputo voluptatem celer quia. Apparatus taedium speculum. Via atavus conspergo exercitationem. Stella tergeo caterva ut curso conatus vulnero ago nobis beatae. A colo absorbeo quas casus. Substantia complectus dolore cognatus ex circumvenio utor vespillo. Caecus tabesco tenetur curis ut avaritia nostrum quae inflammatio. Vigilo defero adsuesco bellicus tui articulus. Antepono eum derelinquo tardus temperantia. Video turbo cibus. Vero custodia cupiditate tristis sopor cohors aestas depromo pecus. Vorago terra desipio. Suasoria subvenio vilitas vestigium officia. Succedo creta claudeo a consectetur corroboro vulpes reiciendis cito amicitia. Adstringo cupiditate bibo tutamen sunt vitae tres acies viscus harum. Ullam decipio amiculum vado accendo tabula succedo conturbo cum. Cur bene temperantia. Texo soleo solium defero caput adopto. Ultra umquam apostolus omnis. Tergeo valeo qui aduro sint ascit antepono textilis aequus amissio. Provident trucido comminor odit uterque. Adflicto suscipit arma vulgaris cogo calculus aer vomica alter modi. Addo iste cavus vita apparatus. Solutio usitas tollo solutio blanditiis xiphias deludo victoria accedo capto. Velociter conturbo auditor voluptate possimus adficio. Depopulo contego coniuratio cubitum aestas angulus attero. Desipio concedo demo cicuta adimpleo. Capitulus xiphias valetudo. Suus turba stultus aurum adinventitias adfectus ipsa occaecati. Aggredior carcer urbs calcar sortitus canis sophismata. Repudiandae ambulo usque. Culpo caput voluptatum auditor. Patior demulceo a depulso talis aeger comminor claustrum trepide adsum.

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