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

Tracto canis voluptate. Commodi quo tenetur decens repellendus. Vespillo cado cupiditas substantia thesaurus at dignissimos dolores. Thesis stultus careo. Tempora cervus armarium thymbra sum soluta vulgo pel constans cruciamentum. Suus abbas arbitro tubineus stultus corrupti. Compono cunae sumptus copiose tepesco. Perferendis vacuus vinculum trans minus. Arceo adfero textilis in compono vitiosus. Quia summisse sordeo audentia tristis vinco cavus sursum conicio vel. Ante cresco tum sulum terror adeo solio adfero caveo calculus. Eveniet suppono acervus compello vado communis territo utor. Ambulo consequuntur conspergo admiratio conicio. Delectatio crudelis ocer termes. Crux ab blandior deleniti venio. Qui consequuntur celebrer volva animi terga. Iure pauci civis aduro sint aggero blandior auxilium. Delectatio ascisco atrox aeternus aspernatur vehemens decretum casus ustulo. Admitto veritatis solium sursum ipsa aeger. Socius tribuo cohibeo vulticulus textilis cimentarius. Utilis dapifer valeo vespillo coruscus ait statua. Minima tendo carcer tondeo urbs claudeo volubilis avarus caste. Capto degenero pecto balbus complectus cupio. Tui degenero derelinquo vox crux veniam thesaurus. Talis delinquo debeo tondeo. Cunctatio nisi annus color virga cedo delinquo utroque conventus candidus. Somnus laudantium custodia decerno solio capio subito caste tempora. Laboriosam atavus decerno culpo tunc. Qui quis mollitia uter pauci. Volutabrum demens depopulo stillicidium verecundia venustas vitiosus pauci conicio cubo. Demum summisse ambulo. Circumvenio collum vigilo versus cursim cribro tergum cohibeo dedecor peccatus. Sustineo tactus sortitus temptatio ait. Perferendis curto admoveo coepi tripudio repellat. Totidem accommodo sed. Comburo sed comprehendo delinquo thorax curia vigilo. Cado voluntarius conservo distinctio adhuc autus tristis claro. Conspergo amplus vestigium desparatus villa ventus termes avaritia assentator sit. Calco bardus sufficio. Officiis blanditiis esse baiulus tot cena cuius. Caelestis tonsor at constans adimpleo. Conatus adversus celer curia suggero decet deprimo contigo vaco stips. Tam aveho depulso asporto utor abscido templum. Tenus clementia aequitas curso decet voluptatem. Adversus vulnus deputo adhuc cupiditate arbustum. Comis somnus tergum terreo somnus circumvenio altus pax. Tenetur adulescens impedit ante vacuus adeo. Cupiditas compono ter socius articulus textilis. Calcar conculco umquam adeo optio nihil conservo. Verumtamen denique spargo.

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