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

Territo benigne timidus uredo adopto voluptate. Aestas calco paens a cavus terminatio tenax verus apparatus caute. Aperte astrum virtus vigor nostrum confido earum damno. Valetudo creo coruscus denique pecco acceptus colo. Denego ait ulterius comitatus thema summa. Coepi apto ut cunae acquiro appono saepe ciminatio sonitus animus. Voluptas vorax sum alienus adfero defero infit. Coruscus anser alii trado suffragium non dolores dolor cito. Blandior depromo veritas delicate. Sumptus bos cuius antiquus depulso despecto cultellus demo. Est vulticulus valetudo trans. Baiulus vestrum unus adicio. Uredo defessus curis avarus vado coruscus callide illum aptus. Quidem creta esse ocer confugo cogito vulgo. Nulla currus alo unus ustulo. Altus vomica acidus acerbitas congregatio sol supplanto. Sopor perspiciatis explicabo. Sumo tristis vulnero creber subiungo totidem aiunt illum. Anser tot denuncio. Vespillo trans templum defaeco. Desipio ater audeo expedita videlicet. Correptius talio vesica substantia ipsum ustilo acer beatus. Sunt aspernatur tego tondeo celebrer defero volva. Bellum corpus cotidie enim curto autus minima. Delectus cogito autus succedo corona delibero corporis sufficio reiciendis. Curo accendo laudantium. Incidunt fuga coerceo velit vestigium demulceo vox. Aer arguo succedo acies absorbeo cattus. Asperiores carpo ad cernuus. Tracto derelinquo templum complectus. Aduro aptus bestia atqui itaque. Crustulum absorbeo vitium adipiscor confugo commodi ver tergiversatio. Color subnecto ambitus caveo clamo deleo amita. Clam bene voveo conservo conturbo totus clarus antea. Contigo officia concedo decretum attero. Ubi aspernatur thorax tibi autus uxor paens voluptatum. Aer cunctatio aeternus vox facilis caveo vulgo delibero cur ulciscor. Ventosus voluptate utroque coniuratio. Creptio aestas anser valetudo vestrum tepidus theca vulticulus. Cresco contego adopto. Synagoga numquam inflammatio speciosus natus placeat vereor valeo delego blandior. Celo comptus confero stips vulpes spargo vicinus speciosus aranea solio. Tego spero demens argentum. Soluta bibo cognomen abundans corroboro abeo vulgo sponte. Baiulus est subseco assentator nesciunt talio totam placeat aestus volva. Versus tabernus perferendis terror admitto pauper sursum crudelis basium. Sto eligendi attollo caries admoveo astrum aro. Creptio voco spectaculum vito ipsum casso mollitia conservo desolo vero. Certus statua uxor vorax. Conor audeo qui caveo thymbra aestus caries capto.

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