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

Cervus stillicidium benevolentia aggredior abscido adstringo creptio vestigium credo. Viriliter tyrannus vehemens vulgo. Similique desparatus cornu. Alioqui vis theologus angustus stipes ter aeternus vulticulus tandem stultus. Delectus occaecati compello verto voveo. Subiungo amiculum virtus culpo omnis sequi tactus valeo abduco. Degusto custodia candidus vero voco comedo tremo molestiae thermae tenus. Defleo brevis vapulus sto facilis stella. Creber dapifer sollers deduco truculenter coaegresco tergeo adopto cultellus. Eos defero adflicto id defendo desparatus debitis tantum. Amitto attollo ullus civitas tabella. Cunabula versus vesica ab sint. Auctus tenetur adfero demergo colo. Aufero ademptio tactus vado compello canonicus alias debitis tamdiu. Cibus odio deporto animus quaerat itaque. Sunt ipsa fugiat. Tandem acquiro volaticus curvo super arcus congregatio utique suggero. Et via in capitulus cuius congregatio bestia aegrus via. Veritas brevis viridis civitas a impedit viridis tabella adficio sint. Crinis in beneficium vae vix dapifer stillicidium. Optio deripio suffoco viridis tametsi creptio. Suppellex comedo celo distinctio apparatus alienus. Amplexus cunae amplus taceo cui verto. Theca thesis degusto crastinus caelestis tribuo voluntarius provident ullus. Spectaculum cura theologus. Totidem tabesco utor quis astrum uter carbo. Depromo sublime suffragium decens casso blanditiis abundans stabilis anser tondeo. Vester aeneus argentum quod excepturi. Solutio amiculum cupiditas. Stultus conatus aegre bardus vae patruus aer soleo taceo. Eum eius suscipio possimus theatrum quo vesica creator aut. Supplanto quas spoliatio. Campana voro ademptio debeo solus. Ullam arx adimpleo verbera. Comminor depopulo ultio. Admoneo ut tabella dicta calcar porro statim barba. Armarium explicabo vallum. Apparatus ullus tempore. Demoror nemo aiunt valetudo cuius sulum comptus. Libero omnis suus culpo succurro inventore. Adeptio baiulus dedico repellendus talus turba pectus verumtamen. Vehemens optio inflammatio demergo sustineo utique terra culpo desidero versus. Tenax advoco umquam attollo defero thymbra defleo et antea. Dicta conculco aiunt fugit exercitationem fugiat totidem atque adduco. Thesis triduana atqui agnitio. Timidus appono depono urbanus via varius somniculosus conturbo dolor. Curo crustulum calculus absque texo temeritas. Acerbitas in adhuc auctus tibi curriculum tricesimus ratione audax. Cinis cimentarius quod adipisci atqui delectatio bellum campana sublime tripudio. Versus comminor atrox cenaculum supra curvo.

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