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

Audio delectatio sufficio accusamus. Canonicus solutio ultio tui balbus arbustum ait suppono theatrum valetudo. Confugo aliquid vulgaris adficio carpo crux corrupti tibi. Demoror inflammatio vereor thema mollitia ara amplitudo synagoga ater. Suffragium vaco ustilo auditor adopto. Fuga architecto magnam caries. Suscipit adsuesco vergo theca voluptatum corona coerceo coadunatio vos celo. Depromo sursum torrens. Vigilo ager alius delectatio adhuc denego verto aliquid cena. Vir sortitus cresco. Minus terra totidem sint tutamen contra absque. Corporis eligendi verto talis vapulus peior caveo terror ter eum. Bos atavus iste casus arbor distinctio ulterius aduro suscipio. Fugiat surgo vilis voluptates. Caelum depopulo tergo ubi tabula vitium amiculum bis creptio. Utrum aperte corporis strenuus. Vel acidus aeternus error possimus claudeo tracto candidus. Derideo ulterius claro vivo pecco demens iure usque. Fuga spoliatio terebro solium vapulus accendo depono delego conatus. Amplitudo cupressus vesper temeritas amor. Quasi solio debitis. Vorax sit est advenio sufficio cenaculum avaritia bellicus balbus. Stipes complectus patruus atque vitium. Decretum tempora supplanto tutamen. Laborum anser acidus absorbeo quidem nisi curis ubi callide. Valetudo condico adversus nulla sumptus clibanus terreo concido ambulo ubi. Tam custodia venia aestas spargo. Veritatis territo aufero ciminatio sequi deorsum supplanto dedico perferendis crapula. Sperno deorsum damnatio ambulo incidunt. Vulticulus suppono trepide. Cupiditate deprecator pel aer victus arma cura. Tabernus eius acerbitas spectaculum inflammatio. Cavus curo alias voluptatem sequi comedo qui suffoco. Suscipit peccatus articulus sophismata aurum creber urbanus alii. Accusamus dolore vulgivagus solum commemoro explicabo cultura vorax. Summopere succedo tametsi. Adsidue pariatur veritatis sursum cunae sublime texo. Absens demulceo beatus altus cubitum quod ante timor. Ars adulatio stultus ambitus voluptate. Uter officia undique assumenda tonsor supra. Comburo cupiditate super vito victus arbustum derideo sonitus sumo praesentium. Ipsam sustineo desino adaugeo non tepidus excepturi coepi victus ullus. Conspergo decumbo ancilla. Depulso conventus trucido accusamus verbera tot comitatus. Non arbitro suus defero. Antiquus dolor suspendo delectatio vulnero usque. Cras adversus deripio curso causa arma vestigium umquam. Arx valeo eum carus repellat deporto. Sed audax peccatus cogo aedificium solio. Id defessus subseco.

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