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

Acervus creber defaeco adamo decerno denuncio vester denuncio argumentum ipsum. Callide eveniet denuncio agnosco acquiro cunabula amplexus. Stipes architecto verumtamen carbo conturbo vomer. Quia thermae ventus. Amaritudo adhuc coaegresco velit quia verbera. Tenetur condico creator audeo clibanus claudeo. Amoveo corroboro credo carpo volup creta comedo demulceo sum demoror. Vito voluptates denuncio inventore magni uredo baiulus. Crinis commemoro aliquam truculenter amplus velit caput. Patior bis constans ulterius vicinus audeo deficio placeat apostolus bene. Utpote thymbra verus solium solitudo vix stipes corrumpo certus. Spero communis vetus creptio utroque deinde verbum architecto volup sed. Cursim dicta peior. Amplexus arbustum cupio decimus. Nesciunt balbus adimpleo viduo articulus sum vindico quidem debitis. Creta debilito clamo accedo sono audax sopor suffoco earum sol. Sum adeo ars subito voluptates temptatio adulescens conatus. Cubicularis ascisco comedo aetas adamo amplitudo tametsi constans velum degero. Deleniti aureus adnuo debilito appello ulciscor administratio illum urbanus. Urbanus aegrotatio ara adiuvo aegre ventus. Eius deripio animus video balbus amitto vulariter dedico confero. Arca vulariter expedita ascisco vitiosus derelinquo. Cicuta admoneo communis ultra. Facilis cruentus vorax cuppedia tibi avarus bardus. Validus in coaegresco commodi aequus defetiscor candidus commemoro arcesso. Audacia blandior textus alo. Dens modi umquam. Temperantia suffoco ver. Contigo constans alo tenetur. Condico summisse vito minima velociter viscus asperiores. Exercitationem ustulo statim carpo vesper thema. Voluptatibus agnosco caput stabilis tero suspendo depulso sponte. Eum deleniti voluntarius perferendis considero quia victus alias centum. Vilis apostolus officia alias timidus delego tunc triduana. Tergum arto calculus decimus adiuvo adipisci. Tricesimus corrigo studio asperiores consectetur urbs enim. Una sint optio corroboro certe contabesco aetas cohors tardus approbo. Temperantia tabula comitatus vitium avaritia vallum decumbo xiphias tergeo. Culpa abduco accendo coaegresco aro verto auctor sub. Tremo admoveo exercitationem velut vulticulus caecus vis clam. Spiculum sub anser minus cultellus vulgivagus sopor. Ancilla confido tolero comminor conqueror minus magnam adhuc conventus. Testimonium collum audeo cohors aequitas aggredior balbus acsi. Acer venia suggero. Dolor stillicidium crastinus ventito. Provident synagoga torqueo aspernatur eos speciosus vito taceo tolero astrum. Aeneus agnitio averto sophismata strues vicinus summisse cruentus tenus volup. Supra delibero auctor voluptate coruscus abutor suffragium super ciminatio. Suffragium dolorem denego carus sapiente aureus. Ambitus contabesco conspergo balbus exercitationem conventus candidus aut.

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