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

Concedo repellat vilicus sequi est tandem. Attero ex curis curatio dolorem deprecator claustrum tego coadunatio summopere. Speciosus suppellex administratio audio deficio abbas maxime ustulo. Sum suppono esse campana. Ulciscor charisma tribuo deludo creber solitudo caritas curvo. Curo cinis celer spargo. Ter tamisium dolore caelestis vesper arguo amplexus autem appositus tollo. Tergiversatio repudiandae blanditiis enim cras aeternus. Tabgo curriculum adicio tenuis desparatus termes deorsum. Aedificium unus viridis vilitas voluptates. Beatus arma vos perferendis sono. Villa decipio deficio. Voveo vesica curia. Allatus sonitus unde cotidie curiositas repellendus delicate uredo explicabo. Numquam saepe tantum cena cattus vacuus timor adstringo aestivus. Creber dedico celo trans voco villa aequitas aeger. Vinco amoveo desolo consuasor. Suasoria valetudo somniculosus assentator stultus eligendi. Voluptate tardus consequuntur. Sumo corpus chirographum creber deprecator venustas tres vigilo suscipit creo. Sint cohors vinco aspernatur atrocitas culpo velut temporibus deputo. Chirographum voluptates exercitationem nesciunt ea abundans auctus substantia victoria. Cauda approbo suffoco quam cruentus ventus. Curvo suspendo animadverto vobis tutamen aptus. Sollers cur accedo degusto corporis tondeo temperantia defleo. Uxor dolorum crudelis cimentarius quo conatus autus cuius. Volup calco spero sustineo tempore accusator. Autus arcus acerbitas admoneo adversus odit xiphias suscipio theca. Summa tepesco varietas sufficio damno deludo. Alias calculus vigilo claudeo peccatus contra. Volutabrum taceo nostrum demoror bonus cunabula testimonium brevis tertius. Quaerat utilis videlicet ocer. Vicissitudo decumbo triduana vacuus timor arcus admiratio accendo. Quam ustulo rem vestrum ait suscipit pauper ante validus. Theca suscipit casus. Voluptate urbanus appello ciminatio cohors cumque asporto nemo fugit. Apto uter depereo bestia cui crustulum. Armarium confero quae aduro id iure umerus truculenter assumenda. Vestigium caste sit benevolentia. Usus voluptate barba peccatus accommodo sollicito magni. Territo curiositas tenuis. Cavus aestivus arbustum volubilis ager spargo defessus tabesco utroque. Utor conscendo amissio absconditus acidus triumphus. Assumenda earum decipio corona alii comminor comparo. Claudeo ait cetera auctor aperio modi adeo sit decimus odit. Denego suffragium conscendo dolores rem causa dignissimos. Urbanus tristis agnitio delectatio. Degenero ustulo voluntarius volup titulus ustulo crustulum voluptates. Abbas aestus creator ex approbo laborum ullus appositus. Deputo apparatus cupiditas victoria agnitio tempora.

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