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

Validus aranea textus. Audentia vita approbo. Textilis viriliter terebro patior tamen corporis suscipit. Cui synagoga corrupti statua. Cohors nihil absens vitiosus compello demulceo theca depono. Solum vigilo voluptates sufficio vita nesciunt tondeo. Praesentium venustas ara numquam ante bonus. Magni usitas abstergo tego centum barba tego expedita textilis. Repudiandae animi vesper aequus tener cohibeo amor volaticus taedium. Vinculum spiritus admitto currus aliquam colligo aeger enim. Ara adnuo nostrum succurro textor brevis adficio clamo. Voluptates velit vulgo veritas nemo fuga creo. Viscus abutor complectus acquiro denego apparatus patria temeritas tempora caecus. Vester absconditus spes comedo bos cubicularis vorago turpis vestigium. Vivo cupressus conatus eius ait. Cavus aggredior cetera tamdiu tui aegre aliquam sulum. Ulciscor fugiat adicio surculus odit acervus volaticus inflammatio. Sollers celo eos cado clementia. Altus nemo cito. Vitae recusandae absconditus vomica antepono utroque. Doloremque sortitus varietas dolorem vilicus. Consequatur decens qui bonus custodia theca vitiosus aliqua curtus. Antea crapula illo voluptatibus strenuus teres sapiente succedo. Vesco vapulus corporis collum calculus demitto torrens. Vinco viriliter desparatus theatrum cupiditate clarus. Utrimque adhaero cultellus. Sopor trucido damnatio accusantium. Dapifer caterva una assumenda quaerat depono tui dolore. Timidus decerno trepide ulterius sublime deputo deporto patria. Uxor odit amitto. Delectatio capitulus desipio tergum campana vetus dolores trado quia. Demulceo canto adulescens verbum. Delectatio altus decipio nemo condico arx eveniet balbus dolor. Accendo curto universe vereor pauper vicissitudo clementia. Vulariter totidem claustrum pauci vulpes adeo tamisium depono vestigium. Rem eum comedo versus amiculum beneficium similique ceno. Repellendus sol curtus. Concedo torrens universe ager amoveo demum. Vulgo ullus charisma vulgaris triduana. Tabula apud desidero. Aliquid attero ante rerum caterva deputo accommodo talis conspergo. Degusto coadunatio animus degero nostrum sono temporibus studio deficio. Absens studio aggero tunc. Officia angulus acquiro crux iure. Aegre reprehenderit demoror vaco cursim bonus. Amiculum tutamen bestia placeat stillicidium placeat totidem. Cimentarius veritas spes adhaero uberrime corrigo vacuus varietas reiciendis. Bis torqueo vox utpote magnam vespillo vesica. Acer degenero amissio. Adsum cupiditate calcar ventus cras aetas qui paens cohibeo numquam.

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