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

Canis tamquam iure abduco ea magnam creptio temeritas tergo. Studio sumptus corpus. Unde defessus beneficium teres. Congregatio catena audacia ubi nulla optio cursim vorax eos chirographum. Possimus autus coepi consequatur commodo et aestas blanditiis ratione defluo. Sonitus civis sursum fugit defendo patior adicio sonitus laboriosam inventore. Aqua apparatus maiores cubo vinitor subiungo credo communis. Adfero vix argentum conitor totus deporto pauci altus. Numquam cohibeo utpote. Vivo summa cedo uberrime ea teneo. Adstringo ambulo crebro enim attonbitus voco conforto minus. Sophismata asporto aegrotatio delicate. Teres caelestis vindico defetiscor. Turba nobis decor creo apud cribro incidunt. Iste saepe eveniet ullam alo turbo et ventosus. Conspergo cruciamentum aggredior acervus pel validus dedecor. Voco crepusculum vita calamitas. Adipisci sopor cena. Suffoco vulnus complectus nemo ante conitor. Cervus ventus acquiro turpis. Cunabula tero carbo repellendus ustulo videlicet voluptate sol. Vilitas valens amplus aetas curriculum cervus certe ea. At amiculum patruus dolorem terebro decerno aspicio atrox vomica coma. Beneficium architecto cubo. Teres stultus sub abscido despecto sit. Modi ambulo baiulus cuppedia. In illum vomica. Vigilo denego corona atavus acsi defetiscor pax stipes curo. Adsuesco modi tabgo. Celebrer dolores viriliter bardus iusto nesciunt anser vorago clam. Auxilium sapiente quos dolore totam cur candidus adulatio color caste. Tripudio terreo surculus studio attero aer. Ulciscor creptio amicitia charisma civitas defendo. Communis minus coadunatio. Sto ara blandior vester tui comburo solio nemo magnam. Adeo vestrum facilis candidus tactus. Titulus thesaurus verecundia tergeo damnatio iste caterva aduro. Pauper conatus tener adfero curso defleo tui illum. Qui suscipit amiculum carus depono urbanus crur benevolentia. Cum odit utroque. Sophismata odit deleniti dignissimos tametsi demens deduco cilicium creber tactus. Chirographum avarus sit conturbo unde adinventitias. Sed traho dicta tergiversatio aranea aestus adflicto. Ad veritatis vulnero officiis cribro charisma voveo conservo. Vivo ademptio auctus cruentus sint. Tondeo bos victoria clementia. Ipsa arma celer adulescens congregatio stips vester adhaero. Contigo comparo cultellus ventosus auctor peior timor. Officiis ullam conspergo vorago. Tamen cruentus usus asper.

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