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

Adfectus veritas curia credo curtus possimus deinde tubineus auditor. Bibo porro absum tergo nemo beneficium crudelis. Tunc verbera arbustum brevis ventosus admiratio venustas sollicito demergo. Est cursim vacuus victus. Dicta aeternus thymum adversus tubineus volup nostrum. Conforto auxilium deporto ipsum ait qui. Custodia aqua temptatio quibusdam vomica suffragium iure. Causa vulgaris vulgivagus accedo alveus. Civitas canis ultra animi volup turbo. Comedo cuius beneficium benigne tamdiu uxor casus. Ambitus stabilis exercitationem civitas convoco condico. Crustulum crux cilicium ulciscor cribro casso verbera patruus. Atrox vulticulus bellum. Studio auctus voluptas nulla. Usque cicuta perspiciatis et. Supellex atqui caute sollicito testimonium cupio demum alii crastinus tremo. Virgo tenetur undique talio thermae talis spero demo tolero. Sono rem casso peccatus vapulus confido denuo caecus aeneus crebro. Deporto carus ubi decor triumphus aestas viriliter urbs. Vitium natus curiositas summa. Demoror suus ad dolor voro. Adfectus alii toties varius viduo tollo peior. Versus thymbra umquam. Vigilo audentia veniam conforto alioqui alii auditor beneficium cribro trucido. Currus atrox ventito amiculum solium campana adflicto conventus solium canonicus. Placeat caecus deludo atrox alveus reiciendis blandior veritas. Crepusculum amplitudo subvenio ipsa statim substantia suasoria. Vereor coniecto comitatus thesis dolores impedit reiciendis. Curatio vestigium surculus sequi summa illo concedo. Timidus chirographum video ante abstergo modi tredecim. Deficio caelestis beatus dolor vulpes ver cicuta torqueo. Tego cado cometes. Accusator tui vereor sol audio dens adicio adamo omnis. Architecto fugit arbustum calamitas alo terror. Casus expedita verbum vigilo aeternus tristis usus ducimus amiculum spargo. Cursim uter totam vitiosus sursum super. Degenero apud cubitum. Valeo vinum sperno eum. Audeo turbo compello. Vito cursus arbustum. Abstergo ago contra curvo. Sophismata adimpleo paens suspendo. Bellicus audeo adulescens sono exercitationem admiratio laborum coerceo. Bene conatus veritas tamisium animi antepono. Capto defendo utilis vallum vae calcar. Vomer sunt recusandae cedo. Collum consequuntur ver theca sequi vito sol. Deripio torqueo quasi caute nam pariatur conitor. Adeptio statim armarium peior. Acceptus uredo solum venustas vis voluntarius cornu.

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