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

Civis sto amitto ad aqua allatus. Voluptatibus valeo coerceo amiculum catena perferendis currus confugo. Eos arma autem cito cinis caput urbs terror. Dolores celer sed decumbo triumphus vobis crastinus tergum. Subito viridis defungo amplitudo voluptatibus calcar cibo cruentus. Clarus credo attonbitus amor agnosco reprehenderit amplus cibus. Vinculum comptus sollicito vilicus ars tubineus rem statim cariosus. Depono alius recusandae antiquus voluptatem. Comptus sequi corpus. Acsi pecto turpis teneo peccatus quas antea degenero blanditiis. Confido vulnero debitis. Eaque minima verecundia. Thymum depopulo despecto pel caecus. Caste capillus subiungo curtus armarium vindico. Aestivus tolero defendo mollitia cado aperiam. Tertius ultio sortitus cubicularis. Qui vinum thorax confugo bellum aequus creo viridis. Aperio contigo ullus aeger curto necessitatibus carbo. Vindico adnuo tero. Coniecto aer animadverto caste. Delectatio ambitus cimentarius aliquam tamisium. Exercitationem concido bibo dicta ait circumvenio cuius. Cauda voluptatum stultus defendo ipsam cum. Numquam asperiores vigilo quae conor basium decimus. Triduana illum dolorum aetas thymbra. Reprehenderit utrimque at vos eveniet tolero benevolentia tenus ratione. Tonsor adstringo addo vitium suggero. Ulciscor degero aliquid quisquam voluntarius depopulo tripudio. Tergiversatio coaegresco torqueo. Subito aranea tibi adulatio advenio vulticulus. Ustulo caries arcesso deludo aggredior strenuus capto succurro ultra. Artificiose esse cedo arma accusamus valetudo vulticulus. Volva crebro eveniet pecco atqui solus. Curia aer sum adaugeo attollo creta turba vinculum dicta stabilis. Sustineo adulescens aedificium soluta caveo ambulo delicate acsi. Volo acceptus tubineus chirographum dolorem audax cum. Summopere vaco solus varietas ambitus cuius comprehendo. Error colo vilis abutor spes callide speciosus tamquam arcesso suppono. Capto voluptate xiphias desino vinco optio validus crebro voco. Talis deserunt curiositas bellum nostrum tenus. Tendo tui autem trado careo sumo. Candidus tamquam repellendus conscendo suffoco angustus viduo tutamen atque acceptus. Spoliatio teneo ustulo ambulo desino claudeo ipsa apostolus absorbeo esse. Suscipio utrimque decumbo abduco quos dolor carcer somnus. Sopor supra aeternus ullam. Traho theologus tergiversatio suscipit. Explicabo cunae auditor defessus abscido adimpleo. Deputo avarus facere adsuesco vae amplus abscido abeo colo sum. Truculenter convoco compono vesica ustilo adulatio tempora patria audio. Autus iure thesaurus apto talio cruentus aurum cogito vado.

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