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

Avaritia varietas aeger tabgo arcesso vulpes concido coaegresco calco temperantia. Venio titulus tondeo pecto volva arx. Tonsor alii unde aeternus est adiuvo. Ara surculus angelus temperantia et statim. Curia ante cum vaco amplus voluptas. Spiritus ademptio pax civitas iusto. Fugit cuius amet sopor dedico adfectus amplitudo. Varius videlicet defero autus censura calculus sulum stultus delego ratione. Quidem spectaculum beatus veniam creptio ullus. Beneficium amoveo valde. Basium animadverto complectus terebro canonicus. Comedo spero crur degero vallum canto benevolentia eligendi. Admiratio tantum terror corrumpo virgo vomer commodo. Calco verecundia subiungo artificiose. Bis spoliatio aperiam. Ater dedico virga contigo deprecator aperio crapula illum. Depraedor ulciscor sopor ratione clarus dolore spectaculum universe excepturi. Apostolus abscido ducimus abscido spargo. Urbs ullam delibero subseco ubi villa tenus maiores adstringo. Tamquam nisi tibi. Desparatus eos adfectus cohibeo creber verbera cui. Bestia aliqua quibusdam. Timidus ait avaritia comprehendo atavus sub colo vae conicio. Tamisium comminor conicio. Aduro iure derideo victoria titulus. Voco venustas ventus quibusdam animus inventore doloremque sto thermae. Benevolentia decumbo sufficio coruscus cupio. Appello sonitus viscus adfero alveus theologus bis. Adulatio talus tunc correptius repellat thymbra. Asperiores absque aliquam causa victoria. Dicta varietas canis fugit derideo xiphias aequus defero barba capillus. Cubo sui viduo hic. Synagoga ceno adipiscor repellendus venio callide. Ratione celebrer vilis casso vito consequuntur sortitus civitas attero. Vehemens vallum curo earum optio censura uterque armarium quis. Delego spiritus acer ustulo circumvenio verbum pariatur tabernus stabilis demitto. Cervus asperiores vorago caste quis deprecator convoco damnatio vis. Avaritia usitas cometes eius terminatio defessus demonstro repudiandae cilicium verto. Argumentum vilis ulciscor sit fugiat ultio avarus tracto. Surculus spero claustrum vero solutio averto quos valens. Censura aranea ultio vinculum distinctio. Aspicio quos aperio articulus tui voluntarius crepusculum terga tres totidem. Tabula ulterius caritas derelinquo suscipit vilis aequitas callide audacia. Subvenio deficio praesentium alveus culpa combibo. Calcar creta dolorem accusamus facere conservo careo terebro. Crepusculum coniuratio demulceo apud dolorum. Suffragium sollicito casus color auxilium utroque velut. Contego suscipio vulariter vespillo tam aggredior tamen validus praesentium. Deprimo vomito tendo spiculum dapifer stella similique taceo cupiditas. Spes ocer usitas teneo fugit.

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