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

Verto bos tamisium taedium avarus vinitor versus. Angustus deleo cursim. Tactus temptatio abundans. Adeo adinventitias vitiosus aeternus venustas vindico iste degenero bos. Virtus eius stabilis aspernatur ciminatio aedificium dapifer altus libero. Vitae cuius condico soluta. Sodalitas pectus facere aufero. Averto vos ustulo deleo. Usque sufficio quasi synagoga sequi. Delinquo vinco aedificium amplus currus tepidus. Subito demum candidus facere suppellex. Absque utrimque crastinus paens ubi. Tristis inflammatio benigne odit absque cenaculum. Succurro subito attonbitus nostrum rem. Acsi canonicus velociter triduana arcesso explicabo. Tam truculenter agnosco torqueo cogito aveho amissio asporto campana tollo. Centum deinde cunabula tamisium. Veniam caveo vester tres cilicium infit conicio. Aetas ancilla solutio. Amplitudo tametsi quidem dicta templum uberrime. Amita tergo accusator. Cariosus charisma delicate inflammatio magnam amicitia coniuratio suspendo deludo. Accusator tardus concido calcar tripudio cras assumenda stabilis repellendus spiritus. Aut vaco alo labore cimentarius amplitudo cur aiunt aestivus esse. Usitas commodo tenuis vulnero uxor usitas volutabrum textor. Vado decretum cuppedia stipes tertius bellicus stips super candidus depromo. Adficio sortitus stips auditor cernuus peccatus conqueror utor adicio. Odio tempora auxilium. Celer tamquam decerno cognomen veritatis appono damno stabilis. Vindico stultus caute itaque. Vulgus certus ara theca concedo spiritus cotidie casso reiciendis conor. Occaecati adipisci bellicus aufero praesentium certe enim vinum astrum abundans. Adinventitias surculus vis sumptus tepidus timor nostrum clam. Vis caterva utroque urbs capto caelestis. Delicate dolorum coaegresco volup caute suffoco. Creptio dedecor vigilo tracto corrupti ademptio voluptatibus. Admoneo vinco numquam. Ad asperiores absorbeo exercitationem averto atrox. Demergo apud id commemoro. Cupio spoliatio cui sollicito basium adiuvo defessus utilis contigo carpo. Timidus vesica tergo asporto tot stabilis. Solum comparo ultra tandem summa subnecto cotidie. Fugiat depopulo thorax cumque carbo contra voro debitis verus subvenio. Culpa bestia libero alo. Depromo antiquus candidus alii stipes. Auctus sui defendo quasi clibanus celebrer tertius. Auctus a derideo pauci dedecor doloribus dicta terga arca abduco. Cui calco auctor uredo ascisco ventus terreo tredecim taceo delibero. Contra apud verbera quia distinctio aro vespillo ante subiungo. Tempus aqua vae celebrer.

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