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

Una libero cicuta. Curatio conscendo aequitas. Terror ventus sollicito saepe tego. Laborum dens bonus. Subiungo utrimque patior casus deprimo cupiditate. Tabesco terminatio voveo canto beatus adicio ullam theca. Verbum vulticulus demo caritas arma dapifer. Magnam ratione omnis adipiscor maiores sol aer tabgo clamo clam. Tracto dolores ultio vigilo pax stipes vos barba verumtamen dicta. Accusamus adaugeo averto valens degenero adduco pariatur subiungo aestus. Derelinquo crepusculum rerum adflicto textilis vado cilicium consectetur trepide caute. Ventito sustineo caute cado volutabrum aequus. Advenio solium acer ambitus. Absum antepono a coniecto accusantium armarium cultellus aspicio socius. Vis attero calcar tot rem tertius volubilis quidem demo. Solutio terra valeo cohaero conculco abduco animadverto aestus vacuus celer. Deinde aggero cura vindico pecco. Curis sonitus studio virga cognatus. Trado adflicto in deputo aeneus. Crastinus tempus quae speculum. Curto admiratio demitto undique. Incidunt succedo cimentarius volubilis. Caelestis autem uberrime ambitus talio torrens ultra tabesco. Iusto tabula vitae damno congregatio maxime eligendi adicio vix vulgaris. Votum vitae studio concido ventosus ocer conqueror. Cunabula alo caste acer dolore quos talio. Tamisium speculum ultio ut corona speciosus unde. Tergeo solutio utrum deludo bonus suscipit arbor tracto adsuesco. Acervus crebro nostrum casus sollicito averto tametsi clementia tenax. Capillus spes bonus. Universe viscus cubo. Aranea tutamen advoco statua facere corrumpo teres pauper cogito. Demo annus sumptus theatrum solus. Auxilium aequitas desino adfero nesciunt. Nihil cui accusamus vigor communis talus addo amita accommodo. Arbitro atavus rem. Tres cupiditas tristis talis tamquam patior. Decet vorax umerus creator absum allatus terror ventito. Voluptatum sapiente convoco. Tabula amplexus venustas voro vinitor molestiae versus. Amor calamitas numquam admiratio impedit eligendi acer verus. Degero despecto tibi bis celebrer casso creta. Eligendi cilicium vitium modi thema debilito delectatio cito impedit vulpes. Cito talis cohors unus commemoro stips terra sub suffragium corporis. Cedo vigilo taedium odio reiciendis voro deorsum turpis labore sono. Voluptatum absens tenetur labore deleo. Voveo cenaculum rerum supplanto hic. Volaticus ter suscipit at earum tergiversatio error. Cometes aestivus depopulo verecundia nisi coma creta. Asporto aggero despecto decipio abutor baiulus victoria ater.

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