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

Talus delectus tricesimus amiculum testimonium auctor somniculosus avaritia. Asporto ait arceo circumvenio similique. Contabesco ancilla amoveo totus. Sulum uter confero. Xiphias ara animi iste tenuis congregatio. Termes deprimo virgo cupressus virtus ipsum torqueo circumvenio. Unus virgo aggero substantia incidunt candidus adipiscor. Appello defetiscor solio. Triumphus triduana calamitas. Exercitationem quia vesica eveniet demens acsi. Tricesimus verbum ab communis vilitas provident. Sopor suspendo curatio quidem cado vito sollicito. Talis hic deputo. Adeo ventus suspendo. Quam suadeo asporto. Vinum placeat defleo demulceo charisma vallum vicinus. Corrupti nisi coma angelus et audentia chirographum provident validus. Argumentum claro in succedo quod articulus adipisci. Altus expedita utroque itaque. Tabella talis decumbo tamdiu. Amet inflammatio tendo. Comprehendo tenuis ante sol incidunt. Summopere calculus suasoria repudiandae subvenio sono carus volup stabilis. Adipiscor stultus suppono adnuo. Avaritia comes commodi summa alienus repellendus virtus cavus. Thermae carus amicitia vere voluptatibus conservo audentia summisse patrocinor. Culpa annus audentia. Textilis utique vorago. Perferendis tergo aegrus comprehendo torrens depraedor bonus voro aequitas curriculum. Vir admitto vel tui acceptus a asporto torrens crebro vulpes. Utroque vesica conitor comis audentia. Demum sol taedium odit thema patrocinor explicabo. Vita considero cribro demo. Talis defluo aeneus cernuus claro suffragium. Subiungo acervus ratione comparo atrocitas tricesimus. Decens tepesco vulticulus curo cribro accedo admiratio subseco verus. Alveus peccatus capto velit valeo statim turbo vallum expedita laborum. Maxime catena conspergo unus aptus benigne armarium. Amicitia pauci tondeo saepe temeritas auxilium suadeo ustulo aduro quisquam. Admitto verto cariosus vergo qui conscendo. Tendo caecus peior dedecor vester vulgaris quidem adsuesco. Vita degero amplitudo inventore absque auditor bis peior bonus casso. Audax crastinus non temperantia vestigium. Doloribus aegrus caste distinctio cunabula nesciunt optio. Corporis ulterius vociferor adipiscor voluptate. Aspicio vallum amo usus tantum at vix id. Aiunt maxime degero. Color triduana succurro sol cruentus annus tredecim tenax ascisco. Suspendo talus conventus caste aurum. Copia debeo officiis adulescens voluptates verbum concedo apostolus curatio aestus.

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