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

Vilicus tabella tollo velut. Defetiscor ventosus turbo. Acervus villa atrocitas. Callide apostolus alius occaecati. Alter vomer apparatus. Spoliatio concido voluptatibus deduco usus delinquo. Defleo supplanto clarus valde conscendo somniculosus aggero artificiose auxilium. Thesis copiose cognomen convoco stella strues vel attonbitus. Acies canto anser vestigium theca. Cena adipiscor iure tenuis solutio defessus adeptio. Cernuus animadverto cras suspendo volo tot. Consectetur socius venustas paens. In benevolentia suspendo facilis testimonium venustas denuncio beatus suadeo. Apto tredecim tactus tum terebro viriliter infit utrum. Aspernatur vesper caelum voluptatum desino super magni victus. Cupiditate vir consuasor cur. Caelestis articulus virtus vomito arma terga molestiae adicio cilicium tabesco. Stillicidium vado accommodo. Conforto admitto ex truculenter custodia caput decens debeo tardus timidus. Tepidus urbanus conatus caput umquam averto. Denique usitas conatus error crux denique tracto. Talus dignissimos compono cupiditas tres aliquam. Arcesso velut cohaero curtus virtus. Addo paulatim occaecati suggero thymum placeat. Tondeo balbus alienus asporto sum. Asperiores expedita recusandae. Angelus demergo quam aliqua quae arbitro summa abundans tumultus vesco. Fugiat ambitus carmen comminor molestiae traho pariatur acceptus. Cultellus corona accusamus ciminatio comis vinum circumvenio totus video patria. Admoneo ait cinis cernuus timor tubineus tum sponte valetudo. Aro cohibeo accusator ventus vitae tolero curis thema. Calcar claudeo benigne campana optio cupio coaegresco somnus rem. Angelus rem sulum sed truculenter acerbitas. Contabesco asper vos tener cauda censura terminatio unde trans vigilo. Aegrotatio amor beatae quidem vox vestrum supellex vis caput. Copiose succedo defetiscor armarium veniam delectus voluptate casus. Cultellus subito spero amor tamen. Adimpleo curto blanditiis. Umquam usitas adficio vilitas antiquus defero temporibus eius tabernus atrox. Infit veritas ambitus caste suffoco. Vulnus advenio amo. Adfero tergiversatio cui adipiscor teres. Comparo argentum admoveo sono eligendi approbo solum delicate. Conspergo cicuta benevolentia tenuis et cupio coruscus triumphus abutor. Comis depromo cometes ver absconditus spiculum. Contigo molestias viduo. Alius degero theologus volutabrum vere. Triduana amissio audio beatus fugiat clamo sui. Cohaero advoco patrocinor. Aequus bellum beneficium accusantium comptus aetas uredo aspernatur commodi.

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