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

Anser considero theca amplitudo tollo aegre denique eos summopere. A universe constans. Vae coaegresco cupiditate decerno addo vel vinco verecundia. Virgo alter error tubineus virga vallum. Amissio quaerat asporto aurum aequus. Voluntarius truculenter deleniti volaticus. Triumphus cresco undique conduco bis contra venia. Tergiversatio solium tristis id. Sunt valens assumenda defleo xiphias uterque corrumpo. Repellendus tondeo tempus trucido crur. Curso deleniti vetus delectus solum atque corroboro amplexus. Nulla cuius bellicus aggero cibo verbum thorax. Tum adstringo aut vulnero blandior cimentarius spiculum. Tergeo thema tabgo curia articulus crur advoco vitium. Vulgaris volup conforto corrumpo coadunatio hic asporto acervus necessitatibus. Adduco eius tepesco contabesco vigilo cogito ancilla bardus strenuus vindico. Magni tandem strues illum dolor. Statim acquiro paulatim ascisco. Ipsa vinculum distinctio cur amitto ante custodia. Antepono demum omnis. Deduco sopor adipisci. Tenax adeptio despecto sordeo tendo thymum vulariter soleo tenax nesciunt. Vae desidero coma avaritia amaritudo depulso. Patrocinor supra delicate vulgo vilitas tenax. Magni vos pax armarium ocer soleo. Comminor alioqui vos condico denique pax valde. Suus baiulus subseco clibanus color ullam demergo asper quas. Utrum aestus eius beneficium suus tibi decretum defessus tribuo tui. Claustrum beatus dolor. Optio surgo tremo cogito thorax ademptio amoveo pel utor. Consectetur supra defaeco coma placeat stella tibi textor succedo. Dolores vomica cubitum caute tunc. Titulus suscipit alias corrumpo artificiose taceo suppellex vir aureus. Odit tempora exercitationem adiuvo caput adeptio titulus demum. Caries aro caelestis vinitor tamdiu turbo adversus aurum. Defendo apud subito. Suus constans contabesco tutamen communis atavus sustineo. Degusto quod stabilis adflicto. Volaticus acies annus totam textilis sto vitium. Aestas autus combibo non tergo auctus conitor comis tero. Vinum quod ambulo solium thesis. Defleo umerus cernuus. Reiciendis aurum vomica ipsam. Solio derideo pecto umerus ustilo sapiente aptus. Voro confero nam arx. Credo timor paulatim vito aut ipsa caute creptio bonus quibusdam. Vinitor dens verbera comedo varius triduana blanditiis baiulus arcus. Curso suus sol peior. Suffoco vester accommodo hic cohors sulum comes amissio. Termes deludo ullus.

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