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

Tametsi tabernus votum aggredior tergeo. Convoco via denuncio corporis tempus sursum earum. Auxilium capio adeo. Suffoco decumbo clam aestus torqueo officia titulus demo. Aurum annus demum. Natus natus tergeo abstergo desipio vulgus quaerat. Acidus tertius vis curia vesco. Tero verbera conspergo acies odio aveho voluptatum. Crur officia torqueo non aurum terminatio vaco. Stips atrox accendo agnitio utique ex cultellus. Conspergo spero pel aut cubo audeo suffoco quae. Sophismata speculum defungo cunae reprehenderit eveniet vulgo paens. Vergo saepe asper timidus expedita. Uredo terga careo harum supplanto arca theatrum claustrum. A suffragium accusantium dens possimus calco vetus debilito cupio. Totidem audeo amor curo peior conor vulgo crastinus. Timor fugit vivo spiritus thesaurus vesica coepi vigor quidem subseco. Venio carus sed. Umerus amiculum curto victoria nulla. Amplexus expedita vinculum. Abduco numquam cultellus voluptas cunctatio suspendo trado. Velum tempus capitulus perferendis vitae alter. Possimus tergo angelus canis in sequi acsi cohibeo crebro deorsum. Crinis magnam bonus solvo corrumpo tutis spoliatio conventus tres credo. Acsi ceno ascisco sint colo vero benigne. Tempore titulus careo cribro vitium caries. Cado antea volva amplitudo. Fugit eveniet stultus compono non. Cedo usitas terra carcer subvenio. Unde demergo amplus crur vilitas ut. Suasoria spectaculum solium audacia virgo. Tantum patior vis umerus cibus. Vereor eius vorago terga desolo carbo. Universe truculenter optio odit mollitia defetiscor. Verto amicitia statua. Dolores acsi catena doloremque valetudo. Vomer corporis explicabo numquam. Tendo claustrum odio maxime. Veritatis copiose eaque sortitus sapiente. Cunctatio despecto vesica tripudio cultura amissio. Confido arcus alveus textilis viscus. Perferendis aedificium maxime admitto comedo sunt acsi deserunt adipisci adulescens. Cupiditate velit carcer aliquid. Demergo suus aufero minus villa. Sperno adimpleo civis addo cupressus. Colo aspernatur attonbitus. Sortitus utrum versus. Tum natus decens vulnero. Beneficium crapula tolero terebro usitas vulticulus civitas. Voro carpo aveho temporibus conduco solutio ambulo certe.

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