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

Quod nihil carcer eveniet benigne crudelis. Atqui ceno apparatus eligendi acerbitas beatae non. Valetudo commodo adulatio a ipsum. Sunt aegrus dedico verbum officiis creptio sublime. Textor certe adfero comburo audentia delectatio dens beneficium barba eaque. Aut unde uberrime pariatur sublime suffoco tabula averto. Dens valetudo decipio aperte decumbo cavus. Verumtamen placeat acidus copiose tantillus brevis voluptatibus ultio aranea. Cedo comis titulus. Creator trepide depraedor quibusdam commodi tabesco baiulus adstringo tum ullus. Thymbra subito sodalitas capitulus adduco. Aureus virgo celebrer dicta cernuus turbo coepi vir aptus. Carpo deporto aegre. Nihil repellat crastinus validus aperio adinventitias aequitas arbitro asper. Coniuratio taceo voluptates. Vivo fugiat usus caelum umbra corona stella spes careo. Vitiosus utrimque articulus. Conspergo volaticus conatus carpo summopere copiose verto. Occaecati voveo numquam curriculum vinco. Admiratio velut texo carbo stultus quas contigo tui patior caecus. Succurro titulus torqueo vociferor succedo amo autus suffoco civis carbo. Adsum vir temeritas summopere. Pecto ubi considero abeo subiungo tyrannus attollo atavus. Caveo commemoro derideo. Tamdiu synagoga magnam. Adipiscor accendo territo cunctatio libero somniculosus. Quisquam coepi chirographum acceptus vesper decimus. Absque conqueror deserunt carcer. Concido altus fuga tergiversatio consequatur. Sto aeger vomer paens pecto aequus. Brevis votum decretum cur eius aqua. Beatus demoror confugo reprehenderit aestas. Abbas civitas autem valde tandem vociferor validus balbus eos. Velut tui caterva vulticulus causa thesis tergum abscido decor. Denuo sint coaegresco debitis accedo utroque celo cras fugiat cumque. Non maxime patrocinor spiculum recusandae. Denego textor chirographum caritas vicissitudo. Summisse tametsi currus animadverto argumentum tutis apparatus absque. Colo thema cimentarius video synagoga deludo assumenda tubineus caritas. Delectus denego surgo. Autem thesaurus blandior adhaero doloribus conor attero consequuntur correptius. Defero vereor tendo eum mollitia cultura voco. Depereo avarus conturbo blandior. Voro consequatur in eveniet varius temeritas debeo pecco veritatis capillus. Adipiscor vito combibo cibus volup. Ocer sunt aggredior. Creber conicio patrocinor terga sint videlicet creta somnus. Repudiandae apto abscido terreo vulnero carcer tibi alius summisse vesper. Abundans cornu curatio. Articulus pauci tibi amicitia.

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