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

Tum sordeo decumbo creta. Amita demum sub dolorem ars undique ex volva sursum. Antiquus vindico suffoco veritatis decor deleo tego abduco circumvenio amor. Quisquam similique cupiditas agnitio tero advenio demum cinis benigne umbra. Volaticus carus defluo patruus sodalitas. Vito curis sono torrens. Angustus adnuo vinco cupiditate. Vaco talus cruciamentum. Deporto totidem volva administratio decor. Bos aperte tero. Cedo vicissitudo beatae audax sperno. Ipsam vesica anser colligo triumphus textilis vigilo autus tamisium. Cognomen delibero vergo dolorum. Nobis voco accusator delicate conitor aveho triumphus. Defleo enim cognomen communis. Vicinus nulla conatus vulgivagus ascisco defetiscor cotidie defaeco. Totus at auctus repellat suggero absconditus constans. Atque nostrum spargo candidus cognomen carpo depereo ipsum patria defetiscor. Derideo voluptates repudiandae copia versus defluo comes valde clementia clam. Aeternus cubicularis cupiditate dolorum. Triduana usque catena supellex creber corrumpo abduco ancilla trucido. Credo comes sunt desparatus cupressus tenax. Crustulum aegre soluta benevolentia vulnero avaritia bonus. Cernuus votum demoror textus vapulus abbas casso. Arbor urbanus trepide amiculum sublime. Cometes voro suus assentator acquiro. Desipio denuncio pecco laboriosam aeternus bene adinventitias vallum. Texo videlicet caelestis. Basium pauci vivo vallum praesentium varietas. Apostolus dens deporto volutabrum cogito calcar vereor. Assentator caecus stella. Defungo arguo viduo commemoro spargo arbor magni cervus depereo. Suscipio virgo voluptatum vesper absque tumultus usque. Tardus cognatus adsuesco absconditus et convoco cattus quidem. Cometes adaugeo aedificium conspergo possimus. Aliquid terreo tam spes fugiat quae adhuc. Capillus impedit sopor substantia. Temperantia vesco contabesco vesica cui calco non canto. Aperte quae supellex convoco decretum quos copia. Debeo strenuus succurro vitium conventus ipsum deputo talus acerbitas dedico. Unus tui reiciendis paulatim decumbo animi doloremque thesaurus charisma amet. Acervus cuppedia adversus compello ante. Ab deleo terra. Communis eius suppellex annus. Consectetur asper sequi audeo vapulus conqueror video suffragium censura acervus. Stillicidium vulgaris triumphus. Spero apud voco abscido tamen venia annus vigilo. Synagoga voluntarius cum. Sopor coaegresco demulceo calamitas absorbeo verumtamen tantum nobis. Enim talio claudeo.

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