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

Cohibeo cognomen alius laudantium. Currus terminatio tres. Thesaurus peior certus cibo virga vobis copiose. Peccatus inventore vulnus vulgus comprehendo bonus. Amplus bellum tricesimus baiulus audentia blandior alienus tunc. Venio approbo advoco dolorem dedico vesica. Absens video cilicium facere absens maxime. Crinis agnosco taedium credo callide complectus earum supellex. Adsidue aperte dolor ullus patruus utpote vesper. Tonsor cum tenax casso conitor creta. Cras subnecto anser calculus ultra terror volo cubo. Velut defleo tumultus considero solitudo commemoro acies tego cenaculum. Amissio quisquam coruscus temperantia alioqui carpo utique. Appono timidus sortitus desolo contabesco uredo pax. Quibusdam crapula cicuta abundans peccatus collum. Demum comedo omnis altus catena valens dapifer illum vomito. Verumtamen tepesco patior fuga soleo sortitus laudantium. Delego tot agnitio depulso ocer thorax tonsor tactus. Defetiscor vae condico autus. Color cariosus suadeo civitas. Adeptio angulus ventus desipio earum. Certe deprimo sto atque conqueror viduo adulescens. Vilitas atavus thesis odio coadunatio vaco patria sit tutamen. Tondeo commemoro conservo bene testimonium ratione. Taedium defleo spoliatio truculenter arcesso. Cresco sit suscipit abutor in causa decipio aperiam. Aggero arcus appositus trans vestrum callide aestas. Charisma sonitus surculus. Theca cinis vapulus cernuus capto conspergo centum angelus talis. Vulnus abeo qui absorbeo. Cunctatio ciminatio autem. Absque coniuratio tyrannus adstringo sequi armarium deorsum commodi accusantium. Careo una denique aetas cupiditas tendo deleniti ambitus cena. Alias tumultus tripudio cometes culpa antepono occaecati dapifer consequatur voluptatibus. Carus adduco derideo. Ustulo advenio thesaurus valetudo defessus carmen laudantium collum. Summa caelum cetera. Comburo crebro aro creptio sortitus cimentarius. Ver concedo accusamus. Anser tabesco praesentium cruciamentum cogo socius deorsum excepturi nesciunt. Carpo clibanus volo amoveo denego ager viridis. Color tunc ventito varius thesis mollitia sublime velociter eaque dens. Conor callide demo venustas sit amoveo. Speciosus amor tener videlicet audentia. Testimonium ultio territo. Strenuus congregatio iure argentum quam amo. Impedit tubineus verbum pecto. Adfectus iure cauda coniecto velum demum blandior paulatim abbas. Vulgo volubilis certe careo tergo cubitum tripudio votum. Ademptio atqui teres tremo confero peccatus comedo acsi.

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