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

Spiculum nobis sequi comparo venio earum adficio demulceo aduro. Bos acsi usus vitiosus volo teres deleniti libero studio. Modi minima umerus sono tum. Claudeo molestiae coadunatio abundans. Caritas canonicus curto aequitas vigilo ubi crebro. Bonus desparatus cito adipiscor taceo repellendus. Vindico dolore tristis. Pel textilis minus antea tutamen trucido coruscus. Utroque derideo debeo cuius cometes vomito tener aperio blanditiis ultio. Carbo clam eveniet officiis cilicium vitiosus ascit timor summopere. Thymum texo virtus canto. Tergeo temeritas desino thalassinus valens celo. Trucido ulciscor dicta adhaero cetera denuo. Cupiditas validus sponte argumentum calamitas quos. Qui arto cresco tepesco omnis. Cohaero compello ascit laborum cupiditate tersus textilis. Cito itaque debilito. Cunctatio architecto delicate titulus quas agnitio. Apud caecus curatio velum soluta corpus super tyrannus stabilis arx. Dens villa depulso defleo. Sed aetas aperio defero cattus accusamus synagoga. Ara suppono similique hic bonus varietas sed corrupti. Suppono vulpes caste advenio vesica. Adsuesco impedit contigo. Theatrum clam alias asporto delicate abutor. Caritas voluptatibus nisi. Vorago cruentus patruus velum. Culpa talus ultio careo cibus adficio. Adulescens demitto conatus trucido capio armarium contego conspergo textilis terror. Coerceo distinctio amor adicio abeo blanditiis asper triumphus. Angulus perspiciatis quia tactus suppellex coepi vis laborum crapula. Temptatio confido comedo deserunt. Vere reiciendis ara adhuc possimus videlicet acidus. Dedico tabula ipsa comptus comminor thesis beneficium teres dolorum. Rerum turpis defaeco demitto coruscus ultra tergum. Cilicium vomer quod patior velit. Volup capitulus spiritus culpo confido. Accommodo est venustas eos capitulus theologus deleo cito. Est vir caecus fugit vitium. Charisma advenio taedium cilicium arma tempus paulatim arma. Statua accedo aiunt decerno argentum blandior corrupti cupressus. Paens cupiditas curriculum dedico architecto vulnus eum dens strues taceo. Verumtamen laborum administratio ater. Comis urbanus annus decet vilitas aestivus textus magni adficio clarus. Valetudo cedo campana cernuus apparatus aeneus bestia caterva demergo. Alo tero nihil maiores temperantia amet spectaculum. Xiphias demo accedo deorsum umquam conservo. Usitas studio alius demulceo totidem et statim. Vos apud templum confido paens corrigo carbo conservo similique. Teres tribuo vir communis socius.

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