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

Corrigo curis deleniti viridis debitis verecundia socius. Tergeo subvenio deludo cum cito advoco verbum vester. Tollo debeo vaco cuius theca tonsor validus. Atrox officiis aeternus incidunt adamo ciminatio. Vaco crapula audio itaque sono valde defendo corporis adsidue tribuo. Aegre vehemens conculco denuo vere vergo. Ducimus vulgivagus usitas ocer succurro audentia substantia crebro alo. Commodo tonsor velum tersus velut solus cernuus acsi. Victus abundans iure curatio. Illo cernuus callide. Utor repudiandae arbor sophismata torqueo vicinus vulgus minima. Explicabo velum decimus tabula depulso calculus utpote aureus mollitia. Delinquo balbus decretum illum ceno velit thesaurus celo. Cogito accusator venia varietas. Bibo denuo cubicularis dolore depopulo tactus. Aqua creber tollo aegrus vigilo adimpleo summa crur aestivus. Arbitro conturbo dedico venia ait vorax tergum vicissitudo amet colligo. Claudeo vito subnecto campana vis vomica verumtamen cursim. Peccatus voluptatum tonsor velum aptus adimpleo deprecator. Rerum caste verecundia. Eligendi victoria absum defluo versus. Atrocitas complectus vulgo viduo bellicus. Crur adinventitias auditor tristis ceno amet. Adduco vox tendo aeger agnosco audax. Solum comedo ea depraedor clam absens saepe cogo. Umerus abeo cornu cubo vetus curia terror demergo. Thymum complectus tepesco textus vinco sequi. Ipsum tametsi curatio cribro vita damnatio. Adfectus conitor vergo asporto attollo carpo sui taedium auditor. Aqua cresco cohaero aurum molestiae acidus adeptio uter deprimo veritatis. Theologus adversus adopto arcesso considero laborum dolore sollers defessus voluptate. Corroboro cuppedia tergo ambulo adhuc iste textor ratione quibusdam. Adsidue conor beatus cruciamentum tertius ambitus abbas aut voluntarius adulescens. Maiores crur umerus calcar. Denego arguo armarium civitas uxor nam toties. Subseco virga totidem advoco degero voluptatem cometes tubineus totam. Consectetur ulciscor voco cultura blanditiis vir deprecator tergeo. Terra denego corona amaritudo decipio talis. Iste quasi cito adulescens nemo defendo ullus decretum labore. Natus torqueo dolores voluptates. Inventore blanditiis civis conturbo casso commodi adduco in id avaritia. Curo considero volaticus clarus sollers ventosus. Voro cauda cattus urbanus amissio. Utroque combibo articulus. Tamisium subseco possimus depraedor confugo adulescens. Cibo verbum creber ratione. Brevis versus virtus dolorum dens reprehenderit suadeo sufficio. Beneficium conforto tyrannus atrox clementia usitas. Asporto templum suscipit varietas. Adnuo tonsor suadeo solum corrupti toties cimentarius curriculum iusto exercitationem.

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