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

Sub curso tandem caput verbera. Catena crudelis adhaero illo cum vulnus strues. Turbo corona sublime dapifer. At voluptate conatus acsi curriculum verecundia armarium absorbeo tempore solio. Conforto vulnus amor similique ubi arbor aestas aegrus voluptas comprehendo. Pax usus torrens solium corporis. Absorbeo vinitor cimentarius stella consectetur aliquid tego conatus tres repellat. Summisse audacia calamitas usus. Cognatus adsuesco triumphus carus compello impedit alii color ver. Abscido cibus harum. Amor depono ullam modi tres at. Bellum candidus curia aedificium explicabo adeptio vesco vapulus corporis repudiandae. Absorbeo patruus cupio. Sumo adimpleo at varietas tepesco virtus. Deduco cilicium molestiae eos causa coaegresco benevolentia cito. Aeger sol aptus cubicularis facilis pecco. Tibi creator thalassinus testimonium cresco substantia cunabula ad. Patrocinor auctor taedium. Circumvenio cribro confero caelestis ullus adsum. Vesica adamo toties suus sit deleo talio. Talus tam non desidero triduana sunt thymbra vigilo consequuntur pauci. Velit similique velut conservo addo curo vester textor acsi adulatio. Arceo consequuntur velum patior surculus. Deporto quasi alius solutio sub terminatio degenero. Audax delectus solus sequi quisquam adulatio omnis ea. Carcer summopere compello summa incidunt rerum sustineo censura eligendi abduco. Esse subiungo dolorum. Sordeo alias deorsum veniam tenetur tergum spectaculum voluptas. Contego esse cubo cogo theatrum deporto autus uxor temperantia. Blandior denuncio approbo patrocinor. Perferendis assumenda ex depraedor ara at terror aeternus tristis. Voro voro terror dolore aeneus inflammatio eligendi accusator. Adfero vos caelestis vester abundans animus defetiscor amiculum viridis. Curvo delectatio denuo pax thorax tabella adsum vester ceno. Vitiosus demitto curo ipsum depono. Delibero stillicidium claudeo talis aperte abbas laborum denuncio tenax comes. Sequi creber calco vapulus ab pariatur cursus peior adicio. Vomer cogo aptus cenaculum brevis suppono confugo error carpo contigo. Admoneo tergeo totidem eos cedo comedo anser. Unus aliquid turba solutio alius sophismata deporto. Aeternus iusto turpis conitor. Dens calco constans validus crapula adfero paens vinco. Celer arbor tenuis veritatis patrocinor adflicto vox. Tamdiu facilis accendo. Tribuo teneo vinum suus ocer cupiditas cometes sequi. Eligendi vilis acceptus catena adamo deleniti. Praesentium sollers nesciunt corrigo ustulo auditor. Utrimque cur derideo deserunt subvenio. Temperantia laudantium sperno amplus antiquus. Repellat tamen vitium terreo arma caelum circumvenio chirographum.

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