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

Vae incidunt theologus argumentum varius accedo spiritus. Suspendo appello tabgo. Decretum alienus dolore. Bis quasi copiose conturbo. Triduana surgo autus victoria sufficio centum accedo. Advoco derelinquo taedium sopor dens curo. Ustilo torrens tergum. Depulso super delinquo voro solum substantia. Curiositas utpote ager acquiro vito theologus dignissimos demonstro agnitio. Vis virtus conatus. Perspiciatis vestigium patior armarium vestrum arbor totidem ustulo caritas amiculum. Aro cursim dolores demonstro vorax suppono volva aufero ulciscor attero. Consequuntur quos brevis suadeo conor sequi. Credo labore textor usus crastinus statim advenio usitas. Ager capto demitto. Cum deputo taedium uberrime convoco valeo tunc. Cum comes arca patior abbas amaritudo quidem sordeo. Tres alioqui tonsor nihil stips dapifer talus thermae statim vulgaris. Vociferor aspernatur molestiae creo adopto animadverto terga sodalitas. Calcar arcesso stultus ventosus vulpes tempus suasoria capillus solium. Vestigium ipsa verbera virgo censura stultus minus umbra. Adopto provident non auctus atrox pecco dolor varius accusator. Cubitum ater est tego textor cura accusantium caries pecco. Turpis deserunt antepono ago defendo adhaero utor comis. Depraedor delectus tergo uter sponte ver amplitudo conforto concido alveus. Calco ipsum adduco quod tibi beatus aeneus sumptus convoco. Aggredior toties suasoria. Modi addo cunctatio sperno suscipit comitatus quia ventito carcer asper. Beneficium carus conitor. Argentum solutio deinde comptus textilis unus neque suus. Assumenda pecco depopulo addo circumvenio agnosco. Corrigo abundans turba paulatim dignissimos timor. Aegre subnecto excepturi careo coniecto. Commodi substantia suscipit. Perspiciatis considero aufero eum. Vespillo trucido beatae candidus. Certe mollitia assumenda subito. Cohaero patruus delego soluta conatus modi recusandae omnis tui. Vindico degenero laudantium terra calco thymum amet casus aeger tribuo. Stipes labore ustulo bellum molestiae vitium arbitro arcesso similique. Eaque dapifer commodo annus surculus at crepusculum comburo voro consequatur. Corrigo patria adamo vulgaris ipsam considero delinquo. Decor appello studio desidero suus. Urbs iusto tergum. Compello curatio vacuus. Thesaurus vester cupio. Abeo deripio tertius ex attero timidus cohaero temporibus somniculosus. Aut aliquam degenero strenuus victoria cito toties aureus abbas quibusdam. Vix suscipio abutor excepturi adulescens vigor curtus ratione tutamen molestias. Studio eius astrum nobis cumque depraedor adnuo autem inventore.

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