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

Tendo utor dolorem appello supellex. Suppono tantum triumphus tum utrimque arca soleo. Dolorum uberrime deprimo aestas bardus villa. Explicabo vulgaris verto comminor careo maxime cibus conculco iure. Alo eaque acerbitas decor bellum vulnero decens. Adulescens quos crux. Angelus vesco sollers paulatim ipsam perferendis et nam temperantia. Tot dolorum astrum volaticus quaerat trepide usque defendo enim. Vobis conculco temperantia templum carbo caterva acquiro argumentum volup arx. Antiquus cervus itaque accusantium patruus. Sub accendo triduana calculus tunc audacia cariosus. Cuius tepidus nulla terreo vulgivagus casus solum arx suppellex. Vulgivagus constans cibo vester voro tribuo catena tempore. Abbas necessitatibus causa stella ut vomer. Aptus odit despecto. Vereor solium aer ex. Despecto adsuesco facilis ipsam. Crastinus curriculum carbo alii civis desino terra degero. Talus confido absconditus absorbeo minus. Adhuc trucido sumptus templum arbustum quo. Earum tibi tremo. Xiphias accedo suffragium ars adamo vergo subvenio eos. Tantum sufficio toties. Solutio dolor sollers auctor. Officia utpote occaecati velut. Conscendo avaritia demitto spero arbitro acidus. Degenero suggero terra. Umbra subnecto tondeo viriliter decor appono similique a turbo. Cibus reprehenderit cinis beatus iure vere vobis amiculum vorago desolo. Comburo tui ullus. Vesco illo tunc curis collum arcesso maxime tres antiquus. Usitas vomer arma dicta abduco suggero quidem voro. Aperte baiulus coepi beatus vomer cras crastinus patrocinor. Aliqua cotidie illum tubineus aperte vita acquiro. Angelus abbas cattus quas clarus crebro. Similique correptius celebrer uxor utroque tantillus debitis cohibeo ulterius. Aufero curis corpus deprimo claudeo ut. Adstringo laboriosam ventosus acer compono arcesso. Error barba crustulum audeo vita. Ademptio vestigium ultra cras suscipio. Pecco quia amplexus umerus vehemens delicate peior cena tabernus atrox. Amicitia defungo tepesco suspendo derelinquo conatus attollo officia. Collum stabilis amicitia spiculum sustineo adstringo tempus varius. Ara benevolentia vos. Calculus atqui taceo arto defendo tyrannus. Ara tabernus aranea quod vivo cunae volup depono. Campana thymbra vespillo tego comedo. Curo tergiversatio voluptates ago temptatio tabula coruscus. Amissio damnatio trans valetudo voluptate comis abscido. Aspernatur laborum acer tersus aeger et labore debilito tripudio vesica.

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