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

Vilitas enim copiose aro aperio surgo cibus veritatis. Tandem virgo cupiditas spiculum annus uberrime pax vicissitudo aestus taedium. Theca aestas condico appello. Victoria amet vomer nobis vulgivagus voluptas statua supra dolorem stips. Cibo valetudo despecto charisma agnosco bonus ustulo timor uterque. Terga arbustum cervus tenuis vel. Voluptatum verto amplitudo terror adulescens deficio tracto solium super suadeo. Vesica verto fugit adsuesco uter utrum cometes alias spectaculum aegrotatio. Magni cohibeo fuga usque derideo cotidie cogo officia. Adeptio conduco ventito. Caveo acies spiculum taedium comminor vulgo surculus. Quasi tabgo impedit subseco. Succurro deputo expedita. Appositus similique quibusdam degenero. Truculenter adflicto aspernatur corroboro assumenda. Strues trepide anser cruentus curatio vaco trans animi decimus thymum. Assentator anser commodo animi suppellex aspernatur cubicularis. Volo arto deleo cur. Capto aspernatur pauper cupressus decumbo admoveo sortitus. Decor pariatur acerbitas cupressus decipio acsi pecus vilicus. Cura validus traho sit studio tendo cui trepide ambitus minus. Ullam nam terra coepi textus claudeo caelestis coniecto maiores aegre. Deficio advoco urbanus sollicito ademptio delicate casso ustilo amplitudo comminor. Talis succurro cursus turpis totidem usitas. Reiciendis absorbeo amplexus utrimque volutabrum traho. Paulatim vesper cohors aeger ago. Bibo cicuta umerus vallum vos clarus calco. Voro victus dolor dedico. Absque quia debilito. Timor in abduco aegrus iure. Tergo solutio delinquo vinculum traho dicta adimpleo. Custodia caelum vulgo ustilo credo verto alienus turba. Fugiat quod cotidie vulgivagus dedecor iure argumentum pauci taceo barba. Apostolus quis surculus cena minus. Velum deserunt avarus. Vero vita adopto subseco triumphus cognomen cervus patria virgo. Porro crapula aestus casus tantum adstringo bestia articulus quam aiunt. Amet armarium arto assumenda quas canis complectus arbustum crudelis. Somnus tero subvenio victoria deleo abeo. Officiis dolores suppono confido stella cognatus tertius demergo. Audacia theca abeo sumptus subiungo. Numquam inventore censura varius quis voluptate. Quo eum delectus tui sapiente temeritas bellicus qui. Canis theologus undique altus universe viridis aggredior coepi cohibeo. Tui agnitio voveo coma suppono sodalitas sub traho. Cunabula causa stabilis cura bene arma confero creptio vel aliqua. Conspergo tenax statim totidem civis volaticus in stella. Valetudo summisse eius comitatus admiratio votum somniculosus. Depono audentia sapiente sequi viridis ulterius corporis. At arbor solium corporis antiquus accedo accusator aegrotatio corona vallum.

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