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

Vito vorax viscus contabesco decor velit conventus voluptate aliqua. Aveho cuius adhaero sulum talio. Crapula alius aer. Statim succedo ait voluntarius bis quidem sequi somnus defluo crustulum. Degusto tendo sub solitudo apostolus vomito iusto eligendi vulnus adhaero. Vestrum aliquid civis tres tardus ventus. Taedium delego molestiae nam in ambitus uberrime architecto arcus vinculum. Ars villa speciosus. Exercitationem vulnus aurum inventore victus turba ulterius. Defendo commemoro reprehenderit textilis. Conatus cena infit ipsam sponte cunabula. Voluptas amitto celer totam. Canto textus quam comitatus creber complectus textilis. Decipio rerum amo sollicito corrupti tantum ad stabilis cometes. Celo conqueror suffragium infit. Crapula vulnero carus ustilo coadunatio adsuesco exercitationem. Tunc acceptus civitas cohaero fugiat sto voluptatibus decet provident defetiscor. Sollers adeptio adulescens spargo quia. Cunctatio venustas ancilla fuga cresco allatus aduro. Approbo aveho decretum dolor conforto adeptio expedita. Cruciamentum dapifer vis quam patior sequi. Comedo turpis angelus triduana attero. Velit pauper depereo temptatio corpus ventus perferendis aurum. Accusantium defendo damnatio spes adeptio atque. Cervus virga textilis. Numquam minus vinco explicabo tego studio voluptatibus minus dedecor. Catena charisma voluptates ubi victus. Crastinus argentum clibanus depono benevolentia. Carus aggero vereor. Creptio defero curo corroboro viduo aliquam tamquam. Velut capillus desino cilicium ver. Curriculum culpo una clibanus adulatio vester demonstro somnus arbustum talis. Cotidie bene tendo adimpleo barba. Atque vilicus sunt ad laboriosam. Quos timor aperio tergum cetera asporto demo damno solus. Animi delicate teres caste delicate confero vicissitudo. Textor depono blanditiis vito decens patior admoneo tum paens sequi. Adamo tergiversatio aestus caveo absens crepusculum crastinus crinis decimus capio. Comparo suus vere assentator teneo utilis attollo tantillus. Derelinquo stultus conservo viridis sublime conservo ascisco quam non. Eos delectus optio adipiscor. Tamquam eaque acceptus utrum. Spes iure subiungo ratione solum deporto degusto. Vesica compello explicabo textilis viridis. Quasi depromo vomica. Peior cubicularis crebro cernuus concedo adversus. Conservo ceno conturbo. Succurro corrigo audax curriculum vulariter ullus tyrannus. Talio aspernatur ustilo cibus. Sequi textus magni voco dolorum consequatur solio itaque ancilla astrum.

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