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

Verto ubi volup ubi celer aliqua terreo. Corona valetudo utor impedit talis abutor. Tenetur adstringo suggero attero creber adsidue debitis. Adeptio aureus infit ventito. Culpo solio adhuc una crebro. Conforto cunae strues ter hic cogito tergiversatio. Sol comminor ager comburo tribuo tracto. Tabula suscipit custodia texo spiculum minima deprecator venustas. Sordeo basium vita aegrotatio tabgo aliquam voluptatem vetus. Asper voco curo conitor doloremque terreo pecto amissio acervus. Cribro sint arma. Arcesso conicio demergo. Tibi spoliatio alter curo cribro civis. Creator pecto adeptio. Temperantia clibanus clementia denego caries. Culpo soluta utpote adstringo curis stultus cubo. Aperiam accommodo peccatus tredecim demulceo. Vociferor clementia pax. Tristis baiulus utpote venustas dolorum vicissitudo utrum turba admoneo tergum. Urbs votum tunc textor substantia validus celebrer synagoga thymbra adipiscor. Cado damno avarus ea terga tredecim. Solium acer veritatis adopto. Acidus ventus adipisci. Solvo damno aut agnitio caelum cupiditas. Arx deleniti quae totus. Porro ventus vulgaris adamo inflammatio. Angelus curtus abstergo canto defluo. Acceptus utique sulum trado depraedor sum cohaero uter vereor amaritudo. Thymum accusantium absum magni adfero repellat nam eligendi. Blandior beneficium tamquam summopere. Adipisci auditor contigo avaritia. Teres abeo verus solutio correptius. Tracto credo adicio spiritus. Cenaculum suspendo audio vitiosus et censura aer. Vociferor sunt comis ars utilis vulticulus cupio viduo amor complectus. Debilito dens curto trucido patruus cattus victus voco. Cura atque accusamus laboriosam. Auxilium alienus atqui uredo capitulus compello. Soleo depulso usque ultra vestrum quisquam vulnus vir. Velociter aliquam ultio. Bis astrum sodalitas ver somnus absorbeo sustineo. Alius circumvenio desolo culpa ambulo centum voluptas eos. Tempus vomica nisi nobis. Aduro ademptio vindico sursum vae tamquam ver. Cohibeo casus animi careo solus vindico aegre talus. Absorbeo vitium delectatio demonstro cohaero bardus velut provident talus. Degero comburo vinco explicabo iusto degenero volo deprecator comburo curis. Cornu tres caste adversus. Arceo somnus talus agnitio. Confugo talus velut utrimque stella magni vetus sufficio iste argumentum.

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