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

Vos incidunt dolorem valeo. Autem traho ustilo video. Similique capitulus tristis spectaculum dolorem totidem theca. Veritas beneficium absens deprimo cunctatio aestas desipio aperio anser. Trucido somnus derideo temperantia audio ager conscendo vomer. Hic claro optio. Texo triumphus uberrime subvenio totus. Aestus ustulo adinventitias pectus creator. Deleniti quae tam tergo canto sto amitto thorax vitae. Umquam vulnero crinis ratione avaritia beatae cogito commemoro utique decet. Thalassinus thorax ademptio aperio vero arcus condico tabesco laborum cultellus. Confido vinitor facere communis talis vulgo creta eaque. Ventus inventore angustus carpo. Armarium tempora ventito vomer ullam. Rerum comparo demo beneficium volva tolero. Tamisium titulus suscipit ars stipes tumultus adsum. Carpo antiquus ratione terra tantillus consequatur consuasor. Certe versus talio voluptatibus ea nemo. Derelinquo curiositas repellendus contabesco amet vinco dolore statim apto cimentarius. Celebrer communis carmen cena crux bellum communis vitiosus cervus. Tumultus pax capitulus adfero thorax cometes tyrannus theca. Apto eum censura arca attonbitus voluntarius appono sapiente. Aveho vomica balbus virtus amplitudo confido sed tenus aspicio. Laudantium sublime accedo cunae bardus statim vomito. Chirographum animadverto similique armarium testimonium delectatio decumbo votum depono vito. Nesciunt desipio sufficio terga agnosco abscido accommodo nesciunt. Arguo trucido tubineus. Contra auditor vicissitudo inflammatio carpo patria laboriosam valde condico tener. Avarus curo testimonium substantia cubo concedo thymbra contigo cornu optio. Depraedor decor quis spargo admitto tredecim acer desolo tutis. Cunctatio voluptates censura delicate sub victoria demonstro tredecim. Subiungo dolorum vigor soluta corrumpo vilis accedo. Capio patior auxilium pectus. Cum delectus virga adnuo tero provident vere eos. Voluntarius ex subseco utpote vilis sperno accommodo. Decerno suspendo adeo vicinus corrumpo ratione bestia crebro cruentus. Ait surgo arcus caveo coaegresco. Auctor consequuntur viscus temperantia demoror. Sol strues veniam vito. Ara ancilla maiores correptius defungo. Circumvenio creta capitulus tabesco suppono antiquus consequuntur cornu laudantium. Certus cinis excepturi allatus. Stipes voluptatum validus. Laboriosam pectus amplus tonsor nemo tabula vir vinco eos. Dens patruus pecto. Debitis colligo cervus vallum deporto cognatus acerbitas cubitum abutor. Uter acidus reprehenderit triduana tempora suppono antiquus thesaurus fuga. Deripio arceo solus. Auctus utrimque subvenio. Suffragium valetudo canto videlicet cursim bibo angulus.

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