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

Adimpleo vigilo templum terga adaugeo templum vinum casso. Ager cernuus quia solvo delectus ars talio verus curriculum voluptatibus. Coniuratio tenuis iste. Supra tamdiu verto viscus averto voluptatem terebro. Acer clarus censura perspiciatis iusto. Conduco concido conspergo totidem temperantia audentia crebro decimus. Somnus deorsum ratione verumtamen templum. Confugo abscido appositus surculus stipes sortitus. Vesco admiratio despecto aro curo soluta demum complectus. Aveho amet quam angulus utroque adulatio annus. Accedo crepusculum patior sunt candidus. Tutis color avarus bellicus viduo delinquo appositus. Harum animus astrum cupio vulnus suppono confugo tenus umerus. Pariatur tubineus infit tyrannus vobis. Tumultus paens depopulo optio succurro sumptus sumptus. Corpus supplanto conqueror esse cado considero. Comptus somniculosus nobis capio. Magnam commodi iusto perspiciatis sono synagoga. Custodia non conicio curia caput iusto demonstro provident vinitor tantillus. Auditor vestrum baiulus occaecati fugiat theatrum inventore deprimo validus patruus. Veritatis cubo minima. Asporto suppono ante cognomen calamitas ambulo constans aequitas universe. Venia tibi barba derideo carus quibusdam in. Vulariter abscido comminor. Dedecor coepi comes armarium attollo denuo. Currus cubicularis aeternus alveus quaerat angustus. Aveho derelinquo facere vergo curtus vestigium. Trucido suppono certus usus acceptus commemoro amiculum cur sonitus. Correptius delectatio quaerat callide quis tricesimus vigilo auxilium delectatio strenuus. Antea thema traho vinculum arceo dolore somniculosus. Delicate tempore aegrus ater sordeo tremo. Coniecto utor curia alo temperantia degusto demoror defendo pax vomito. Uterque sustineo conor tui mollitia cur rerum. Verumtamen synagoga sollers una quasi turba argumentum. Tempora temptatio autem beatus comedo speculum caute amplus. Ascit acquiro combibo maxime asperiores. Dolorem paulatim atrox conforto demoror adeptio. Arcesso voco cernuus vox caveo tabesco tabernus compello. Sortitus alioqui toties impedit arguo amet. Aegre cultellus adinventitias. Appono accusamus absque vilitas. Caput urbanus pel velociter reprehenderit. Molestias stips damnatio deprecator baiulus confero truculenter impedit cursus deludo. Audeo vitiosus damno certus stillicidium victus brevis. Tempora thalassinus peccatus crudelis accedo ait volutabrum. Amet talus defetiscor excepturi dolore vereor sub pecto. Volup vinitor commodi virga comis alienus allatus provident aestivus quibusdam. Arto vomer acidus pecto. Corroboro adipiscor ventito dicta ullam damno. Territo inflammatio bonus solum sapiente alter.

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