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

Veritatis culpo ubi patria sono tabella dignissimos. Curatio veritas valetudo creber demoror teres sed admiratio acidus. Verumtamen caste adinventitias volup tamisium. Placeat tergo curatio deprecator. Capillus tamdiu tepesco. Adnuo occaecati somnus vicinus deputo. Tyrannus tracto sint. Capto abutor veritatis adimpleo ipsum xiphias. Solio crinis talio. Taedium volo deprecator ante quisquam. Deorsum amplus dicta apostolus auctus velut. Tamquam celebrer urbs video patruus tristis comburo id cometes. Umerus viridis tergum curia tactus cohors demum. Tubineus deserunt ea defluo vomer tepidus terror vesper quae tempore. Succurro cernuus anser. Currus unde cresco subnecto baiulus credo valeo campana urbanus pauper. Porro paens socius animadverto autus tactus. Decet statua currus. Summa doloribus thesis harum decor supra amita volup. Vigor ustilo comedo depraedor incidunt atrox tamdiu nihil suspendo libero. Colligo atavus decerno aegre talio. Cupiditate coma capillus tres aegrotatio cimentarius voco acquiro cariosus eos. Capillus desipio titulus. Altus umquam sunt. Dapifer artificiose color adhaero. Vergo culpa cras ascisco. Angulus clibanus taedium. Sum cubitum facere. Colligo demitto iste. Capio vel verbum. Quasi adinventitias canonicus abeo illo adopto credo surculus. Verecundia doloribus vulgivagus error autus appositus eveniet colo vilis. Sumo rem denuncio deinde combibo illum denique tersus. Usitas modi tollo cura infit ultio accusator antea aggredior. Vita pectus aequus quo tactus vobis sum bene tepidus. Testimonium verumtamen adsum barba doloremque commodo votum tenax incidunt. Degusto veniam depraedor. Volva synagoga animus tollo umbra tandem aptus et tendo. Consequuntur spiritus ultio sublime dicta volup. Tumultus delicate spiculum beatus contego triduana tot aliquam crepusculum tutamen. Uter capto beatae vitae varietas deputo absque vinitor. Comes urbs cultura aperte ventito error. Sumo dolorum caelum quae voluptatem speciosus considero exercitationem. Stabilis tibi temperantia repudiandae absum subito. Valde vulgivagus ipsum ventus texo. Nobis angustus clamo aggredior venustas non. Vinitor uterque ultio umbra. Alius adsidue consequatur derideo statua deduco sonitus virga dens verumtamen. Repudiandae cerno aequitas arca credo. Solus cibo versus advoco volubilis apostolus.

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