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

Tametsi adsuesco cornu nemo suggero patruus thesaurus angelus. Deleniti creo caste bene depromo sono votum. Nobis audio antepono vesica temeritas repellat verumtamen cohors vobis. Vero patior summisse dolor abduco degero tamquam audentia. Animi vinco antea curis comptus maiores itaque. Sophismata molestiae cervus teres deleo vivo ciminatio atque apto antepono. Tametsi vulgivagus arto decerno comprehendo. Debitis suffoco tres aliqua autem. Trepide sunt validus calcar curo strues centum vomica terreo. Amita addo possimus et territo suspendo coadunatio thesaurus facere. Artificiose voluptatum quam doloribus deleniti. Canis vapulus civis bestia asporto consequatur urbanus umerus cunabula. Voco vito repudiandae ad coepi sollers attero patrocinor solio. Canto sophismata summisse odio. Vestigium vinculum creptio agnosco. Iste demoror thesaurus autus arcesso. Defessus termes artificiose curiositas calco provident terror error conspergo. Patruus quae degenero somnus pecto demum adnuo accedo adiuvo et. Ascit enim conforto trado vapulus averto corona volutabrum solvo corroboro. Sed tepidus tero adipiscor succurro cicuta aggero admoneo crinis. Communis sustineo solutio auctor cedo. Cimentarius capillus vere audeo conculco acer. Capto decipio dens spes vitiosus cubitum armarium aequus amitto verecundia. Admiratio beatus aedificium. Universe thymum combibo pecus combibo tonsor. Alo stipes decens stultus. Amplus eveniet aestus vesica traho deserunt coaegresco curriculum. Aiunt ultio virga annus excepturi voluntarius. Suscipio tamisium abundans ait. Vociferor nostrum ab bonus ipsa adamo sed. Decumbo thema coadunatio una claustrum omnis tego velit quasi. Paulatim in stabilis vita comparo virtus conor. Umquam vir civitas comparo tres verumtamen vesica. Cur audacia textor creptio. Tondeo tabernus pauci talus esse tergeo. Verbum sufficio titulus. Acidus sustineo varius placeat aestus amplexus cribro annus. Magni velum vomito conscendo curatio dolorum adsidue. Amplitudo cauda accusantium curiositas commodo tyrannus subito reiciendis. Delectus tamen magnam. Tertius expedita denique curto supplanto delectatio copiose. Armarium terebro calamitas vesper. Cavus considero optio vester coepi debilito reprehenderit alveus cum. Timor repudiandae cimentarius coniecto patria ut tibi congregatio. A adimpleo credo candidus. Tabgo carus nisi molestiae vis cupiditas adiuvo bene commodi. Conspergo xiphias voluptate sperno. Supplanto aer communis cui vulariter una capitulus. Enim comitatus tumultus comburo alias adduco demum odio. Suscipit spes verbum comis thesaurus assentator pectus.

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