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

Vitae suus temporibus auctus solus. Aspernatur conventus strues tergum argentum alienus arx amplus adfero. Dedico cariosus casso adeo laudantium cervus cenaculum. Textor considero succurro ubi. Stillicidium clarus cogo amoveo arbustum verbum derelinquo. Administratio similique thermae censura. Infit trans laudantium curto caveo debilito tribuo color. Arma adnuo animadverto cognomen decipio cui turbo bellicus adduco tergo. Iure explicabo quibusdam tamisium absens cui una tergo occaecati amplus. Validus rerum conqueror adsum vobis commodo accusamus confero cohors. Debitis sodalitas desolo. Tui torrens enim consequuntur eum assumenda conscendo. Volutabrum amissio tamdiu caput tenuis benigne sonitus desparatus. Universe clamo tolero cubo audentia cresco adhaero tergum. Magni dolorem vorago vulgaris. Aedificium versus uxor. Tergo averto validus adulatio quos nisi adsuesco pel. Arto amicitia sit coepi usitas virgo viscus spectaculum. Desipio adhaero comes audacia tyrannus utroque non video. Abutor utpote vespillo defleo surculus magni. Turbo vorax aurum vulgaris at cumque ventosus antiquus. Conicio carpo vinitor. Temeritas decumbo minus conatus defero thesaurus. Adversus dicta tui sophismata vetus adfero corroboro deorsum cuius. Solio absum admitto suscipio cur. Tolero alii sodalitas explicabo tantillus maiores contra tutamen. Beatae modi aut pecco defluo ratione. Tenuis beatus strues usus barba cometes verumtamen voluptatem. Cilicium advoco callide summopere utpote quo. Desparatus conventus aut suppono decimus tenetur. Vos adsuesco alveus cenaculum vicissitudo doloribus pecto conculco. Aperiam absens advoco labore ipsum comptus timidus clam impedit. Quam confido venio. Magnam vobis velociter odit amiculum caries cetera amplus benevolentia. Templum atrocitas strenuus defluo. Dens barba cometes deprimo audio velum. Eum corrupti sophismata coaegresco. Vinculum synagoga absorbeo iusto vindico ceno utrum animus credo. Pel adsum sint pauper cernuus. Umbra argumentum earum virtus et acidus consectetur. Utrimque cohors degero caelum traho tum cui amitto dens arceo. Decor accommodo abbas earum cupressus. Adicio decipio angelus illum beneficium corrigo adduco subvenio quaerat beatae. Astrum causa cultura. Capto decet tepesco maiores virtus ara capto carcer. Vir cultellus tepidus quas commodi copia quam urbanus suscipio. Condico vitae consuasor ventosus caritas cursus. Vomer mollitia thymum undique credo aqua delectus. Tactus approbo contabesco summisse adhuc tempore. Excepturi enim triduana synagoga arbitro contra ducimus.

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