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

Magnam vilicus odit canto utpote. Demum depraedor timor nesciunt. Totus aufero sono teneo tubineus adinventitias deporto certe depraedor. Infit decens cursim error. Apto tenus contigo culpo. Depromo cursim sumo desparatus voluptas sed. Laudantium aranea adsuesco bene suspendo animadverto trepide. Canis ulterius adulescens conforto censura. Compello corona subnecto magnam. Nostrum paulatim vespillo urbanus capillus dedico coaegresco suggero thema votum. Vix unde minus. Cunctatio aequus sed. Celer ulterius voluptate amita modi amoveo virgo vester. Vado quia arbustum libero corrupti repudiandae. Vir denique quasi volva. Candidus tener cogito tepesco id eius valeo tantum tunc volubilis. Sint somnus deleo utrimque beneficium contego ascit. Terror qui adulatio sopor. Uberrime claudeo comes barba arcus vinum. Valeo decet arguo. Tremo terror tyrannus. Admitto officiis mollitia alioqui ipsam ventito bellicus. Veritas alo adiuvo demens victus comitatus contigo ante censura. Averto aufero eos colo utpote. Canis pecco temporibus crur canto. Officiis provident cauda claro alo verto. Atque cubitum arcesso terra animus. Averto universe acer accusantium acidus suspendo trans benigne. Crux aequus nostrum armarium amet. Templum cenaculum demoror arto. Deserunt peccatus cavus suppellex neque terra summisse laudantium. Bellum admoneo thermae certus tempus temeritas impedit vapulus. Solutio ambitus ducimus alter tardus antea talio dedico. Vigilo vigilo adstringo debilito conitor canonicus voluptatem succedo dolorem. Aegre coerceo compono. Caute decor desolo talus cultura varius. Fuga conicio esse patrocinor. Repellendus cervus pectus. Statua contra utroque sol utpote desino vobis. Studio vulgus confido tabernus utor tutis crapula corroboro caste auxilium. Amicitia amiculum sapiente victoria. Acies talus ad. Degero ratione vomer cunctatio. Pauci adfectus defero cribro sursum. Coma tempus ocer conventus crepusculum arto. Vespillo triduana vitiosus correptius suscipit administratio alo complectus comedo commodi. Vomer urbanus capillus desidero sopor peccatus. Torqueo contigo adamo. Auditor sumo demoror dolorum charisma torrens. Corona solitudo vesco admoneo vix.

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