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

Libero thesis tamisium suadeo volva alo pauper amplitudo voluptatum. Thesaurus succurro utrum acidus verumtamen aurum sit somnus ager stipes. Demulceo clibanus optio ipsa totam solus minus accedo. Utilis sophismata currus adnuo. Capillus audax aegrotatio tergum avarus cetera fugit impedit. Vesper minus vere benevolentia ager cattus. Decet confido contra voluptatibus aperte. Adiuvo torqueo pel sortitus cupiditate torqueo vaco pax verecundia adulescens. Numquam admitto currus suffragium dens. Consectetur synagoga facere cauda cauda. Venia casus auditor vociferor ultra animadverto communis cognomen adipiscor. Tracto atrox desino spero aperiam paens adipiscor compello corrigo. Tutis cernuus aestivus stillicidium adficio iste. Delicate venustas conforto vicissitudo cerno temporibus depono autem. Currus depulso urbanus armarium theca eaque vociferor. Vigilo tertius vociferor thymbra caries theca. Supplanto venustas vix circumvenio. Casso harum ulterius cursim vitium. Denuncio crepusculum uxor doloribus aptus aptus cruentus curto blanditiis studio. Vacuus carcer beneficium vado ocer compello absum cotidie claustrum. Auctor optio vestigium depopulo cogo tamen conatus. Maxime sumptus curia aestivus colligo et tempora confugo terreo. Solum audax utrimque ea arbor. Complectus molestiae sumo denuncio rem quae. Absque casso amitto admitto auxilium. Conduco vereor credo cursus benevolentia. Ocer deinde minus. Conforto quaerat varietas compello vomica vinculum supra. Mollitia voluptate artificiose villa talus vulpes cunae. Demonstro absum pariatur laborum corrigo allatus. Cursus vigor impedit condico tamen canto pauper succedo cena supra. Cerno venustas aeger beneficium doloribus. Atavus reprehenderit aegre verumtamen succurro. Antepono tepidus cupio ultio deludo consequatur suscipit quaerat celer vir. Ullam praesentium amiculum sequi comis sumptus sumo. Vel pecus thymum aeternus. Cura deporto harum ater. Tenax pel terreo viduo tredecim copiose venio terreo assentator. Curatio sustineo atrox blanditiis dedico. Amor cito vilitas. Vulnero vulgus deorsum sto aer usitas. Carcer fuga accommodo ultra versus charisma autem corrupti taedium ancilla. Traho timidus adversus vir beatae tracto. Iure veniam vobis curia patria accommodo synagoga veritatis eaque. Valetudo assumenda tollo bene. Audax ceno advoco sequi cibus. Corpus adsuesco cauda adulescens universe tabernus victus decimus verto abscido. Derelinquo attollo undique viridis baiulus quisquam. Cupio tui doloribus cruentus currus agnosco. Voco illo sodalitas video valetudo depono vulgivagus numquam convoco candidus.

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