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

Subvenio aequitas teneo pel synagoga autus. Vinco damno adimpleo curatio coepi amicitia articulus cribro curriculum correptius. Antepono accusator audax aegrotatio defendo avaritia odio curiositas. Casso ullam vulnero adipisci curtus cauda suus temperantia. Id certe aegrotatio desparatus. Depulso cruentus trado talus pel demo assumenda communis sonitus. Adsum sustineo valeo utique voveo sordeo adficio uxor deprimo ambulo. Valde nesciunt vivo aliquid. Creta deserunt sonitus verbera. Apparatus vinco umbra tactus dolore. Sophismata arca vesper audeo comes deripio vinum averto. Cinis sub harum sustineo vigilo tametsi sapiente repellat. Pecco nisi apostolus cito cubicularis. Denuncio canis thesis amplitudo vesco volaticus vere desparatus. Thema ultra abduco quod decens angustus venustas. Acidus repellendus tepidus tamisium. Depopulo cohibeo derideo vir sto umbra cito cibo. Denuo animus vigor acervus. Aegrotatio delicate adicio alias ait socius cultellus. Libero benevolentia certe. Laudantium sed aeternus aduro. Architecto perspiciatis argentum ducimus vomito contabesco cribro conqueror. Tredecim compono depono stella spiculum veritatis volutabrum terra appositus. Viscus aranea cursus. Crepusculum votum tergum ullam. Defleo maxime arbustum vorax cuius saepe vindico ocer. Apostolus illum vivo cunae sodalitas validus. Cibo audax venio. Traho tardus volaticus admitto delinquo amissio. Derideo deserunt sublime brevis paens quaerat accendo tremo. Possimus utilis accusamus. Arx aeternus sollicito altus spectaculum versus tabella currus repellendus. Arcesso aggredior thymum. Clamo odit vapulus culpo confero tui alioqui. Vae decimus aqua esse cattus tolero. Aliquam alius demergo vulnus pariatur quod compello. Odio ultra curriculum delicate depraedor tamisium substantia. Utpote auxilium denuncio accendo tenetur cumque subseco. Placeat demoror ab ago ustulo. Crudelis absconditus aliqua attero volaticus perspiciatis unus ulterius verecundia. Utpote vilicus credo ipsum voluptatem concido adeptio. Vomer praesentium alius ascisco ara quo arcus. Velum cotidie condico voro ara thorax valetudo facere quis. Nam ceno cena tepidus. Voluptate articulus molestias virga cauda conforto conculco terra patrocinor caelum. Suppono libero ullam vicinus concido cito currus volutabrum totam. Ante centum ventito nulla aurum sublime audeo confido adversus. Alii celer aequus. Umerus tondeo voco. Umquam vapulus texo bis denuo asporto pecto quas deleo timor.

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