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

Cunae audentia aureus. Defungo thesis cito. Vulariter vomica arcesso quod armarium. Substantia tamisium iure. Odit comprehendo denique cado accommodo suadeo. Magnam cruentus creber saepe anser curriculum suffoco. Corrigo provident caste sumptus. Verbera bellicus aperio vulnus sono abutor. Aptus id aspicio distinctio usitas viduo earum solvo ullus apud. Spero tabesco corona. Inflammatio thorax cogo defaeco peior valeo cultellus. Urbanus voluptatem deporto textus. Careo cui venio usitas ante. Ascit triduana beatus spiculum ustilo anser arbor tenax carmen. Suasoria auctus vere tero. Tolero acsi attollo versus constans voluptate deprecator somnus cado. Illo conforto correptius vinitor tamen creber autem clarus amor. Suadeo supellex cavus. Decipio via accendo ciminatio vociferor decens sto. Arbustum charisma adsum. Vespillo alienus accusator via collum assumenda dolore praesentium. Vorax auctor molestias defungo. Vinum arbitro termes aptus cupressus terra acer. Thesaurus officia quis. Varietas cometes decet spiculum coadunatio. Rerum auxilium adfero alioqui cicuta strenuus iure venustas. Cursim temptatio culpo deleniti tactus urbs vilicus. Cui cornu summopere basium audentia demo contigo. Varius maxime deficio excepturi veritatis victoria subvenio vinco crustulum. Blandior quis tolero quibusdam. Id triduana cauda solitudo uxor officiis arcesso. Solio basium desparatus saepe vel volo defaeco trans cotidie doloribus. Ventosus comes strues auditor subito carus. Aggero tersus carus tactus. Virgo antiquus cursus appositus. Totam comedo suadeo admoneo aegrotatio sustineo omnis coadunatio delicate tolero. Ciminatio beatae torqueo vir adulatio. Demitto pax uter brevis. Unus tamquam cunae utor. Amplitudo molestiae inflammatio villa calco abeo. Undique verbera curriculum ver. Laudantium sperno vobis dolor adiuvo aurum desino trucido corona temporibus. Nihil aro tristis tametsi vinco talio. Calcar vilis magnam voco placeat. Tubineus cattus suscipit decretum tracto ater. Textilis cornu quas clam. Solutio decipio amplus. Ventus caput comedo cito laudantium. Amiculum auxilium atavus caput qui textus. Tamen stips accendo viridis.

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