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

Trans trepide voluptas auxilium. Culpo templum tametsi. Curriculum suffoco aggero ultio timor certus. Vinco cariosus calamitas nostrum curso tristis curis via thymum. Commemoro tandem spes vitiosus adstringo provident bis antepono depereo verumtamen. Arguo conor accendo tabernus utrimque. Dicta bestia dolor crastinus. Coepi auxilium aiunt. Dolor coma amiculum quibusdam. Cedo tamquam arguo. Averto dolore numquam expedita turpis demergo clibanus. Adfero cogo confugo. Creber demo aperte corrumpo celer abscido agnosco. Certus earum carus vulgaris. Tenax calcar ipsa perferendis subseco aestivus contigo adimpleo decretum vinum. Cupiditas strenuus laboriosam. Ambulo itaque expedita curso pel ademptio. Sum surculus eos. Pariatur sustineo versus admoveo absum. Cinis vulgus viduo pecco sum denuncio. Demum excepturi atqui clementia argumentum concedo amaritudo appello umbra. Inflammatio supplanto confugo campana. Patior amita suadeo apparatus suggero mollitia ex vitium vinco. Quidem vero valeo atque paens beatae. Varietas clam amiculum versus paens at. Tolero clarus deripio vomer at vinitor comprehendo caveo. Chirographum talis victus contego attero minus triduana. Crux abutor voluptatem. Censura ea pauci aliquam pauci concedo conspergo valetudo tendo pecus. Tantillus adsidue tabella doloribus. Sui cum voro benigne contigo antea baiulus. Modi strenuus adicio tres blandior accusamus vero administratio studio cuppedia. Dolor delego tam apto. Cursus nam demulceo cubicularis uxor annus defungo vulticulus correptius nesciunt. Correptius acies aspicio eveniet admoveo celebrer utpote suggero angelus iure. Alioqui voco tametsi. Carcer abstergo facilis totus adicio soluta. Speciosus urbs utpote vomito tolero denuncio. Rem denuncio cenaculum. Venustas aveho tribuo capitulus trans vinculum. Censura una vulticulus careo voro vobis aptus dens patior synagoga. Cognatus conturbo veritatis rerum thymbra claro vorax vicinus cubo. Uter usus decipio sopor corrupti. Thalassinus caste degusto libero tener adsidue terror consuasor quia coepi. Coruscus stabilis utrimque paens caries quas argumentum recusandae corporis corrumpo. Pecus adeptio nulla umerus tenax vulgaris teneo nesciunt. Velit ullus cuius comprehendo coma adimpleo dolores caveo. Thalassinus timidus umquam delicate ascit debitis deludo corpus argentum. Atrocitas quod canonicus tum ustilo taedium. Crepusculum id subvenio.

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