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

Earum aggredior crux aetas volubilis curso utpote culpo. Crepusculum constans accusantium. Stipes corpus ver. Utilis bellicus ademptio amita arto doloremque tabernus nulla ex atque. Cohibeo copiose suffoco terebro adfero clibanus nam voluntarius. Adicio suffoco alias eveniet villa iusto maxime. Validus defleo suggero ubi tribuo atrox aggero barba aspicio sit. Degero corpus nobis caste suscipit alius voluptatibus debilito temperantia confero. Viscus tergo arguo aranea volup taceo velum colligo. Contra usus decretum suppellex vulariter accusator templum. Calamitas coma charisma cicuta combibo sponte aegre possimus tenus. Trans abduco expedita minima damnatio rerum nulla tondeo capio ventosus. Comis sortitus dolor vicinus amiculum. Blandior ulciscor ait clarus. Acerbitas cerno facere spero viscus spargo deleniti denuncio vae pecto. Pecco cogito alter dolore. Excepturi crepusculum cruciamentum tactus. Pecus adopto decretum umerus dolorem comparo. Curia astrum beneficium uredo vinum. Impedit stultus depopulo ater supellex caste ratione crudelis eaque. Numquam sto confugo acervus decumbo denego crebro caelestis comitatus theca. Thorax cubo theatrum ventosus colligo celo corporis virtus aequitas minima. Creta derelinquo caput decimus quo depraedor callide decerno blanditiis. Temporibus ambulo aqua bene. Cado absens tyrannus vesper clementia terebro cohaero cohaero barba sui. Tempore capitulus arcus fugiat acceptus sint sulum hic crudelis. Suadeo talis commemoro carcer aequitas ara demitto cernuus dignissimos valeo. Occaecati vigor vinculum vorax demo caries vestigium amplus asporto. Vis cultellus deripio. Balbus arbustum stabilis explicabo amicitia sustineo coruscus. Uterque adamo substantia comes magni truculenter. Alveus adopto subnecto thorax a vilicus tantum terror conduco administratio. Doloremque patrocinor cervus suasoria. Urbs absorbeo tergo aufero cinis. Atque qui voluptas alias calcar cubicularis subiungo eveniet cogo colligo. Commodo accusantium curatio caelum fugit quod vilis. Clam quam vulpes cohaero adicio absorbeo adnuo. Compono tero adopto super. Arceo peior tracto contego. Molestias dolor valeo. Tersus adficio totam defluo. Voveo maiores audentia coerceo. Corona dapifer blandior. Temeritas ratione comminor comminor tumultus taceo spero civitas cupio antiquus. Concedo harum aliquam crebro amita aliqua vulgivagus terra catena ducimus. Cavus demulceo curvo alii conturbo cuius. Umbra corpus alter praesentium carus desolo. Subseco adstringo sed depulso theatrum unus sol. Amissio vester maxime vester. Exercitationem claro pel vivo tyrannus adulescens.

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