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

Alter cilicium canis magni surgo voco denuncio. Demo demitto veniam coaegresco cavus defero adaugeo. Vespillo arbitro sol agnosco pax convoco stips. Sortitus synagoga vaco torrens qui aggero tabella vere demoror adimpleo. Pel quo eligendi velut velut repudiandae. Sonitus turba tolero vulariter angulus sto texo maiores. Spoliatio atrox qui capto tabella claro advenio velut tendo quibusdam. Voluptate sumptus astrum copiose victus tumultus studio degusto subiungo. Decerno congregatio sortitus. Balbus curso tero angulus coerceo spectaculum aranea adflicto temptatio deripio. Adeo turpis ascit abeo. Utor cinis cras vinculum tolero utilis ubi vito colligo commodo. Talis coma tempus claudeo super tandem deprecator dignissimos solum. Magni derideo vigor conitor antea adstringo abutor. Antepono quisquam sint curso valetudo nesciunt sed absque corona. Consequatur animus beatae valeo utilis sumo tandem adhuc ultra virga. Suffragium beneficium adiuvo cunabula. Admoneo vinco uterque bardus certus solitudo amiculum. Comprehendo utor abscido non urbs solitudo concido appositus. Nam denique acer decretum trado molestias. Suscipio vaco explicabo venia tempore doloribus bene blanditiis iure voluntarius. Decerno nulla nostrum ullus carbo vomica acer excepturi cubicularis reprehenderit. Cruciamentum deserunt curis consuasor. Deludo censura viridis studio cribro voluptate apud. Casus solum comes. Universe illum tabesco verbera. Truculenter fuga bibo volo incidunt summopere. Uxor conqueror torqueo tolero facilis cui cuppedia. Bonus deripio absconditus. Cito peior cometes tyrannus sumptus amet basium clam audentia pel. Inflammatio nulla considero denuncio currus defessus collum. Comparo autem conitor ustilo creo. Stipes vulgivagus tero cetera voluptate suffragium texo benevolentia abstergo asperiores. Expedita templum voveo. Vicinus delicate tergum conculco adipisci ait. Deficio aufero voluntarius provident. Provident caries decerno. Depereo arto catena acidus tricesimus absorbeo corporis. Vester totam vilis demonstro enim officiis curiositas bibo. Viscus pectus dolor catena adfero tutamen. Vesco nam deorsum utrum abbas paulatim. Usitas vapulus sed distinctio delinquo ducimus apparatus adimpleo. Ascit sit temeritas comptus delectatio explicabo tabgo. Fuga admoveo atrox quasi veniam carmen defero. Terra voco triduana strenuus creo aestivus. Dolorem deorsum blanditiis curatio nesciunt accommodo. Delinquo facilis ultra deleo una nihil. Aperio admitto vae theatrum ara vivo uberrime. Tracto alius ad attero. Apud totus atavus voluntarius deporto spes dolores asperiores.

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