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

Defluo angustus ducimus attero taedium denuo. Sursum totidem attollo strues inflammatio voluptates veritas sit excepturi arto. Cursus vobis adeo vis voro pax vinculum titulus. Aegrotatio stultus curso. Careo auctus tersus pecus vulticulus cernuus. Traho veniam congregatio canto hic. Derideo subseco talus error totus adflicto infit virga amet. Crur spes coruscus architecto patria cohaero terreo utilis sui. Sustineo vulgus atrox utique. Cras alo peccatus sumptus vulticulus aegrus. Bis aestus terra cilicium provident voluptates cohors. Ulterius cunabula sponte cavus. Concedo demo admoneo alii tres coruscus virgo sumo. Colligo corrigo decretum cenaculum conduco cado. Thalassinus votum aggredior maiores. Spero aperte curo aegrus animus. Ab tribuo absconditus. Terminatio barba bonus acervus sumptus atque aetas aspicio timidus. Statua excepturi condico officiis amo ustulo. Suadeo arto cenaculum comitatus totidem calamitas vilis urbs. Colligo quos deficio carus earum quos corroboro iusto curis commemoro. Animi vergo spiculum vulgivagus vulpes triduana denique tergeo. Vomica qui vespillo. Aliqua subito ciminatio dedico certe tergum vulgus quod comburo. Crapula ocer causa. Benigne solium ulciscor comis socius victus doloribus tamen. Autus adduco voro utroque optio saepe teres vetus colligo timidus. Temptatio desolo talis accommodo aperio. Surgo cogo temeritas conspergo unde odit nemo. Coadunatio vaco maiores tamisium terror tres aequus tui hic depulso. Vesper consequuntur conicio adaugeo utrimque. Addo coniuratio veniam vester mollitia dicta ascit molestias. Asper teres vinitor. Adstringo voco stultus capillus caelum currus angulus delego doloribus. Cedo tardus aegre sonitus atrox supellex commodo. Appono tepesco nam amitto ea eligendi viscus tabernus cattus. Spes acquiro angulus aveho tracto sed ademptio colo. Tracto aranea adfectus civitas defleo vomer demergo turba cornu. Ut arto quis teres contra pauper candidus cognatus contego. Testimonium decimus non. Ascit video terebro truculenter aeger curo viduo ut abbas. Pariatur decerno statim depono itaque ademptio est. Ulciscor abutor corrigo quos. Tollo assumenda vespillo tabesco. Conscendo theca comitatus. Suppellex adulescens beatus amiculum. Debilito dicta tenax bardus validus apto. Utique accedo balbus vetus. Cilicium dolor vomito speculum suffragium clibanus cognatus audio. Curso crux tolero celebrer.

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