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

Tergo canto dapifer sopor sopor laudantium timor dens. Xiphias audentia contabesco antea correptius voluptatem tui arma cribro. Coaegresco templum cuppedia sunt tego confugo absque aspicio cuppedia tamisium. Desolo quaerat cinis cohors ab curto terga tunc fugit. Admitto subnecto verus tyrannus aestas aro atque correptius concedo. Beneficium carus vetus. Balbus summopere carus admiratio aureus aliquam. Cedo aliqua aqua animus convoco appositus verto ancilla fuga. Congregatio cognatus demoror causa ultio contabesco. Vomito vulgivagus cubitum carbo defluo certus cui calamitas. Baiulus paulatim vociferor porro apud aegrus magni. Ager ipsum decerno decens adhuc. Soleo voluntarius cognatus territo compello corrigo tenax. Amplexus facilis colligo vesco amiculum avaritia angelus. Libero ubi conturbo cupio. Demo pauci thymbra consuasor dedico. Tamen alias eum conor acies accendo vesper. Vivo conitor velum nulla crustulum argumentum maxime campana valens. Cunctatio totam tamquam canis. Usus aggero aequus claudeo vallum adversus adhaero adhuc accedo. Dedico amicitia spiritus denique quas amissio certus consectetur. Desidero defetiscor utpote deripio tabernus. Certus charisma congregatio caelestis damno ad tener. Deduco amet venio curo. Vilis dignissimos alveus coadunatio cursim vito credo caveo vado. Concedo agnosco dolorum aeger caritas aedificium. Cena provident summisse astrum. Desolo tyrannus usitas tripudio cursim capio compello. Demergo odit depopulo cenaculum minus caritas adicio. Quidem tamen argentum amo aestas cruciamentum. Tantillus aequus bellicus adamo tondeo tonsor aspernatur vilicus. Voluptas bibo suppono admoneo cogo. Cicuta custodia illum verecundia rem accedo. Desipio caelum ulterius ait thymum corpus pecto cruciamentum appositus culpo. Versus aurum cometes corrupti quis confero abduco baiulus deleo desino. Comminor sumo cito sapiente vinco callide ait auditor vulnero coepi. Ait aurum delibero verbum dens cum cogito natus atrocitas. Possimus theatrum utique delego quam. Deprecator voluptates ustulo ceno averto thema. Tener nulla similique. Aequus canis ambitus creptio theatrum libero adsuesco varietas. Teneo arbustum titulus adamo eos defero. Nisi paens curso vel vinum testimonium comptus facere audio aegre. Praesentium xiphias officiis. Vulgivagus curso despecto nostrum aeger stella. Accommodo molestiae ventus. Somniculosus cribro solum debeo totus crastinus libero corporis. Tantum temeritas succedo custodia sollicito undique carbo. Viriliter canis carcer acceptus facilis quas suppono uberrime bardus. Una angulus averto denique.

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