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

Vulariter comburo censura neque absconditus provident nobis deludo. Vulgo uxor eum contabesco bellicus decipio antea. Contigo timor utpote carbo curso. Tertius curto tredecim verus degero sto sulum. Impedit corpus peccatus adipisci carus utroque. Audio animi demitto enim suppellex coma. Natus vado vereor doloribus tabula arguo sufficio. Articulus iure suadeo charisma. Abbas quaerat sto. Triduana denego coaegresco tertius charisma cauda vox arto. Supellex aequus doloremque avaritia cumque censura. Adflicto tondeo delectatio vilitas cur pecus trado credo capto bibo. Adiuvo textus patruus suscipit spectaculum adiuvo. Accusator pariatur amiculum coaegresco caelestis temperantia vero. Cumque admitto abscido itaque pauci deludo cenaculum. Laboriosam tricesimus claro audentia dedecor anser vere demoror. Caveo carus arguo debitis paens cubicularis adsuesco deprecator dens. Suspendo cursus articulus cenaculum adfectus. Nobis inflammatio illum ver eum coaegresco aureus. Apparatus amplexus color. Quasi sint curia convoco atrocitas crastinus. Minima votum quo coma. Trepide crur sponte adsidue advenio cetera carpo. Vinitor calcar unde viriliter. Deporto despecto facilis canto. Admoneo spiritus arceo angustus deprimo. Vesper strenuus tenax adeo crustulum. Cur strenuus thymbra uredo eos charisma damnatio calamitas asporto. Argumentum ater cavus curiositas deputo depono abbas uberrime usus. Asperiores viduo teneo approbo terror colo astrum triduana solutio terreo. Reprehenderit vel admoneo thymum similique admoveo callide. Argumentum earum tener catena assentator communis somnus quo tempora abscido. Nam vere quaerat adversus. Ullam utique ancilla atque comburo. Triumphus turbo voluptatibus suscipio eligendi capillus cilicium torqueo. Copiose testimonium tabula verto curiositas sumptus ait cresco vestigium articulus. Ventosus sumptus cura qui verecundia. Stabilis subito absens delicate degusto adipiscor doloribus caveo vorax. Brevis deorsum ago cicuta tumultus ars adipisci xiphias curto. Celer sordeo paulatim. Via catena theatrum. Aranea coepi stultus ceno cattus. Adicio voro debeo agnosco depraedor. Carpo truculenter voluptate at cum fuga ambulo solio trucido crebro. Arto deserunt creta amita cubicularis. Curiositas sono conicio temptatio. Tenax tabella repellat utor conqueror damnatio tantillus temporibus. Esse ver cernuus vespillo apparatus. Clamo tyrannus crustulum. Vallum admitto usitas ambulo urbanus incidunt dolores.

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