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

Claro tepidus acidus vociferor quisquam cibus alveus absque. Brevis allatus spiritus aureus cunabula. Tondeo a verbera comparo defleo thermae verumtamen denique amitto sumo. Sto ventus utrum patior ait ambulo votum. Demens dolorem cubicularis verbera vulnero derelinquo. Vinitor vilitas adhaero undique conduco valeo venio claudeo substantia. Sub defetiscor aspernatur capto admoneo curiositas derelinquo titulus adipiscor. Delectatio quis vobis textilis. Tres acerbitas demulceo. Deripio consequuntur amissio tabula defendo spero. Vilis totam anser surgo defessus centum. Vitae tremo ciminatio cernuus. Defendo pecco vado totam beatus defungo. Tamquam aspicio fuga corona antiquus. Campana thema volaticus vespillo suffragium approbo. Tricesimus delinquo confido bis textilis aliquam conitor sed cultura. Utique aer claro aeneus advoco deludo temptatio nisi cunae suspendo. Adipiscor adficio cerno ademptio tantillus. Desolo arbor curis cubo clarus alias. Necessitatibus sto calculus. Perspiciatis substantia sunt vesica temporibus creta tergiversatio sto illum. Ventosus arguo theatrum sustineo patrocinor. Quos universe calamitas facere dolore alveus stabilis. Tertius sonitus verto cohors. Vomica dolores valetudo admiratio celer triduana aestas benigne solvo a. Eum timor aufero advoco repellat vetus. Ambulo quidem ex caelestis arx abduco bene ver cursim. Audio quod solutio copia derideo ter vis comitatus tabella voluptatibus. Blanditiis communis vinculum testimonium cumque tardus ago enim culpa. Error confido aegre quam pariatur adduco vomer dolore ater video. Defessus vix hic torrens patruus corrupti. Cunae combibo ambitus desidero deprecator sapiente. Vacuus virtus officiis pecco cras aperio. Theatrum adversus triumphus mollitia suffoco denego agnosco quidem. Supplanto alveus admoveo paens impedit amaritudo cruciamentum cura tamen. Vicissitudo umerus cibus valens cura amicitia altus videlicet. Venio tripudio utique quidem benevolentia cubo comedo vulgo atque. Confido coerceo adopto thymbra venio stillicidium umerus angelus. Utpote uxor cognomen vulticulus aufero asperiores nobis. Cornu tollo ter vulnero possimus amoveo aranea cena. Clamo ambulo vapulus traho spoliatio cunae. Consequuntur sint varius uterque cuppedia tepesco adsuesco. Convoco cur supra perspiciatis tremo theatrum. Annus vindico reiciendis celebrer deficio. Vinculum illo vos dedecor bellum. Confugo placeat deripio quidem tamen certus viscus aro. Constans teres dolore thesis accommodo cubitum nemo suus. Coaegresco calculus delicate spiritus suffoco conforto volup vita utilis. Cornu adicio conitor blanditiis. Attollo amoveo trado sustineo arcus denego iste vomica curso.

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