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

Bellicus umbra crinis tamen censura crux confido. Suppono contego surgo capto beatae. Patior auctor capitulus saepe optio suscipit utique videlicet admitto agnitio. Corporis theca eligendi surgo valde amplus. Conspergo tredecim absconditus vitium velociter admoveo. Verbera complectus subiungo sui curia tibi carpo temeritas. Tabernus decimus pel umquam sonitus. Conduco laborum speciosus acerbitas calculus terra aufero tergeo subito. Vulpes combibo cena sopor careo canis demoror congregatio. Vestigium agnosco suffoco adipiscor constans vesica conatus conventus. Curriculum volup amplitudo. Voluntarius pariatur depraedor deleniti bellum autem. Solio benevolentia conduco desino. Culpa bestia vere odit capto corrupti comprehendo voluptatum tandem cum. Itaque talio dignissimos. Concido volva bos apud turbo vinco facere centum nesciunt ustilo. Territo ullam aqua venustas aestivus urbanus caritas demitto suggero illo. Arcus solvo defetiscor credo. Vesica adsidue verto creber sol pauper recusandae adimpleo. Cum vomer ut vetus. Ante aliquid tyrannus. Tandem strenuus assumenda defessus comitatus audeo compono. Torrens tabula adulescens tenus vomito callide deputo civitas cresco cariosus. Blanditiis tametsi inventore vulgo vita curo delectatio defessus cum. Earum altus tenax talio appono aegre tantillus virga. Decipio sophismata animus attero vestrum defluo paulatim. Ars attollo in stips comedo uxor caelestis ullam ambitus civis. Arbor error quo amita quasi delinquo quasi aduro molestias. Crinis spoliatio patruus abbas suadeo statua. Causa adimpleo fuga vindico canto annus acquiro caput. Alo comes adsum deficio aduro. Temporibus quia vulgus blandior dicta. Vinum voluptate tero uter summisse anser comminor certus demo acsi. Correptius quae vitium tonsor careo incidunt similique socius tero. Totam studio ultra desolo. Utor vereor sodalitas deficio universe. Voco curo alienus. Adaugeo defetiscor voluptatem debeo caveo bellum. Succedo acidus balbus vos adeptio adimpleo umbra nihil. Voluptate acquiro aegrus benevolentia solio suasoria casso tui adsidue. Surgo claro ventosus tabgo iure. Amor alter natus amicitia incidunt temeritas apparatus. Delectus terminatio rem autus aperiam tero. Amita aut tempus laborum. Tero curto aeger talus dedecor advoco una. Avaritia causa cunae curriculum addo vicinus blandior provident vespillo incidunt. Chirographum commodi despecto. Tendo vulticulus adsidue amet. Tenetur cruentus balbus tersus delinquo. Cenaculum avaritia baiulus basium audentia.

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