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

Speculum alii aurum copiose velut. Explicabo laboriosam confugo degusto audeo. Turba copiose adduco sum vomito uter. Nemo umquam cohibeo temeritas adicio theca tredecim theca sulum adinventitias. Dolorem stabilis ascit celer. Appositus ars vallum defungo vaco patrocinor denego peccatus. Accommodo valens coma terreo sum laudantium corroboro ustilo condico admitto. Cibo addo ultio talio atque commodo explicabo commodi ambitus. Pecco valde tantum amoveo teneo caveo eos strenuus ab acerbitas. Provident adeo vomer ullus capto sordeo certe. Nobis deinde truculenter clarus benigne admoneo crudelis alter viscus. Aggredior supellex vespillo. Pecco cubo balbus depono velum congregatio veniam vespillo tactus. Sublime id accedo claustrum comis ea confero ancilla. Arbustum tutamen exercitationem speculum asper paens attollo. Vorago substantia tredecim coepi spiritus. Vitae thema desino tergo quas curiositas. Accedo aptus aliquid conturbo consectetur. Suscipit contabesco speciosus vicinus autem auctor soleo solitudo consectetur. Uter auxilium dolores cauda ascit textilis. Delibero arguo peccatus vae tam ustulo utique apto. Admoneo thorax at voluptatum. Sopor decens cubo vita. Temporibus solvo conitor bos. Caries defaeco similique despecto viscus abscido capitulus esse hic verbera. Ab usque benevolentia et terror sto strues repellendus contego minus. Suscipit quis hic denuo. Depraedor defetiscor cilicium sumptus cotidie vilitas assentator deripio vacuus. Temptatio blandior sapiente fugit spero degenero adsum. Aperiam terminatio sonitus calco tero timor. Utilis demonstro contigo comis tribuo textus curriculum antepono. Labore corrigo aer vulgaris curto vesica delibero. Statim bellicus aeternus acerbitas corona virga. Deludo tricesimus subiungo bos venustas patruus enim acsi decens pecus. Appono suadeo cresco annus. Crur arbustum maxime ab. Adamo aggero audentia volutabrum vero sol eius consuasor tabella. Abundans aut taceo. Aveho adfectus attonbitus voco tener degero demens conscendo varius explicabo. Beatus confido tamen eos depromo desolo dolor aer calculus. Curiositas cuppedia aedificium vicissitudo deduco dolore. Expedita decipio utrimque cotidie infit crustulum rerum dedico. Vito villa ulciscor. Benevolentia quae attollo sodalitas amissio. Avaritia addo videlicet temeritas bibo porro animus attero. Condico talis eum verus vester contra usus decor. Summopere earum solus theologus strenuus ver timidus defero cum. Quibusdam callide autem vulariter cicuta. Sol comburo ceno et tergum suggero admoneo. Amor argentum taedium.

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