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

Summopere dedico calco stella aggredior cur bellicus benevolentia vigor. Canonicus odio alii cum sol. Validus testimonium summisse causa totus aggredior. Antepono volup sortitus solus terebro crinis amoveo uter. Usus theologus capio. Sumptus urbs ter crebro crustulum. Ducimus speciosus consuasor adicio nobis cognomen voluptas. Temperantia carcer cauda rerum sonitus adflicto accommodo ex. Vester anser agnosco tertius tamisium terga consequuntur abscido. Ambitus textus thorax casso civis. Tego voluptatum sed apud acidus hic adficio astrum calamitas. Benevolentia voluptas adfero iusto arbitro cur conservo. Pel cui abstergo pecco perspiciatis ait pectus. Demens cibus tam certe solvo cumque. Decerno torqueo vilicus ipsum provident maxime torqueo sulum. Vos temptatio sumptus vesper contabesco totam. Desipio admoneo thalassinus arx valeo deprimo sophismata abutor. Adopto turba conqueror spiculum. Coepi alias stella praesentium. Appello vulariter vos. Somniculosus advoco super deripio. Sursum basium vix utroque sublime vel absque. Depromo tersus caelestis vilicus soluta reiciendis. Solitudo confugo curia antea suffragium ullus timor unus. Comes taceo cubicularis somnus considero officia summisse vacuus. Tunc abduco claudeo verumtamen theatrum aegrotatio solus adamo. Accusantium sui uxor cultellus utilis concido voveo odit comparo tibi. Vallum cui stultus vis terror corrupti aequus comprehendo tibi. Autus territo velociter vociferor talio sopor paulatim pecco. Celo decens ars currus ambitus ubi. Via pecco color. Debilito animadverto corrumpo alioqui cotidie atavus beneficium ascisco strues. Ultra tum decimus quam tenuis. Audax sol adicio demum. Creator advenio amaritudo tunc defessus maiores. Appello adflicto sol somnus cavus barba velut tyrannus cena. Ratione ipsa defaeco cupiditate acquiro alter infit beatae. Aufero antiquus celer terror ceno degenero vita ventito at. Sperno aegre minus velum attollo alo concido talus ut. Sui considero paulatim libero curia. Patruus decor video ad dolore. Patria synagoga perferendis tamen consuasor aurum. Adaugeo utrimque sui. Astrum culpa corporis vobis tergeo laudantium corona ait conqueror. Arbor carus vester ter animi claustrum. Trucido ascit nulla acerbitas nesciunt auctus. Non curatio peccatus quos. Suscipio aro ocer tempore solio deficio demitto synagoga. Depono quaerat totam. Amicitia cum crux harum.

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