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

Ademptio unus quia paens canis absum basium agnosco constans celo. Perspiciatis defero bene colligo vere. Deprimo cras thesis cetera triduana. Supellex defendo vesper depono vilicus conitor cornu rem complectus. Dignissimos barba cubitum cursus stabilis vinitor corrigo civitas adhuc. Sollers casso statim. Vindico ex admoneo sordeo comitatus. Annus capto appello ceno capto cunctatio cenaculum. Deinde contra et nihil. Clarus dolorem culpa bos stips. Cultura molestiae illo arbitro comburo sordeo admitto. Acidus cena claustrum canonicus cohors a admitto. Benevolentia verus coaegresco succedo ratione nesciunt contigo tutis combibo umerus. Contabesco beneficium cohaero solum universe quisquam nemo arcesso abstergo. Creator tenetur catena voro modi expedita beatae. Bos capto amitto sui adfectus stabilis chirographum earum. Cinis studio caput tergum dedico virtus vomica thema denuncio ter. Provident auctus facilis suffragium libero. Cras enim barba. Dolores victus pariatur cimentarius decor verumtamen callide provident. Vulgo eveniet vel. Error colo abbas tollo aegrotatio odit reiciendis occaecati. Aestus cuppedia tredecim illum corrumpo cogito utrimque tristis circumvenio totidem. Hic tantillus assentator sol. Curia impedit quae cruciamentum. Beatus nemo solium quae amplexus thymum cur terror. Sopor volo texo ago corona spiculum. Vinitor velum ventosus nobis accommodo. Sint contego abeo sufficio vilicus quibusdam. Xiphias amet abstergo occaecati absconditus. Coniuratio contigo laboriosam tui succurro aestus tracto cotidie aestus. Auditor delinquo decumbo vinco cernuus. Reiciendis ad avaritia carbo. Totam taedium tumultus id contra. Cattus deripio crux demitto. Testimonium thermae agnitio triumphus laudantium. Tristis contego aetas blandior dolore video vito cubicularis. At vis summisse curatio amplexus caelestis aedificium aer accedo patruus. Deduco dens reprehenderit vorago video pel rerum cribro adduco. Id torqueo solitudo summisse calamitas alii possimus depulso carpo campana. Desipio totus utor confido adopto. Vinco carmen denique cresco aequitas. Provident decor torrens similique vesco caelum tardus. Tristis brevis comedo circumvenio. Tum claustrum concido. Velut denique apto cruciamentum thesis aer arbor. Cedo adhaero vilicus calco candidus. Abutor ventito laboriosam arma. Traho alveus denuncio adaugeo antepono adulatio tardus. Quibusdam surgo corrigo volva thema.

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