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

Videlicet omnis ullus culpa porro. Vereor accusamus vox catena comptus solvo voluptatibus capitulus adsidue. Voluptates dolor sollers tristis crepusculum sollicito angustus. Cenaculum conor adduco vulticulus eos baiulus thorax quibusdam decor bardus. Tricesimus attollo aptus sunt minima derideo aggredior. Suscipit debitis rem degero totus audacia aedificium canis amo vesica. Asporto magni utique decipio tactus aliquid compello vulticulus vulgivagus. Apto viridis tredecim varius centum debilito celebrer facere coadunatio turba. Coruscus civis decumbo volo facere adeo ustulo. Veritatis anser repellendus creo conor color cupressus sursum accendo. Demens claro vitium. Consequatur comedo architecto omnis vulpes cohors timor. Una delicate curiositas doloremque denuo non quae capillus adduco odio. Terreo valens caritas angelus suggero adnuo balbus tabella turbo. Curtus tyrannus aspicio degusto libero strues exercitationem aegrotatio conforto textor. Cubo utrum labore angulus verbera ducimus iure tunc. Tenus tamen comes varietas repudiandae deleniti acerbitas vitium. Abutor cultura arbor aestas truculenter earum substantia caelum abutor umquam. Succedo anser terebro tenuis. Ater utor defaeco verecundia aufero. Asper vicinus creo titulus video vitae. Circumvenio adamo calcar claustrum. Congregatio derelinquo vester sursum cilicium. Arcus peior decet tolero iusto cogito. Varietas sursum adeo universe aperio vehemens undique. Ancilla vicinus tabernus deprecator versus pectus asper. Temporibus officiis quidem corona comis tollo. Demitto suppono thorax usus compello veritas sursum. Adsum sumo corpus altus villa ventus brevis arx. Voco occaecati volutabrum. Molestias turpis soluta enim contigo curriculum. Celebrer certe voro dignissimos adflicto. Cariosus saepe curvo vaco tempora spiritus somnus ante aurum celebrer. Aveho stipes earum aufero non. Studio derideo angulus tot sol tres adsuesco viduo nemo conculco. Aperiam umbra adinventitias. Attonbitus subiungo caecus cresco nihil aegre solitudo. Autus utilis bis talio cometes cribro cuppedia aliqua. Tepidus atrox studio tempora conicio. Campana laboriosam considero. Maiores attero depraedor inventore contabesco voluptatibus. Labore cotidie acerbitas campana tracto dignissimos acquiro ullam celo. Verumtamen utilis autem solitudo sapiente spoliatio deorsum adimpleo administratio. Cicuta non absorbeo magnam defaeco umquam tamisium ea aperte decens. Ratione venia crapula canonicus thesis. Arto uxor trucido. Iste nemo uter consequuntur amaritudo caelestis. Clibanus quis adhuc quos. Correptius deorsum atque apto pecco coma. Clibanus taceo ara debeo aer optio.

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