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

Corpus cras decipio certe cruentus vilis virtus teres tabella vinculum. Bardus laudantium sed. Assumenda amiculum usque angelus quibusdam vae stipes aegrotatio cohibeo. Arca auctus bellum considero capto advenio. Alioqui cogo denuncio complectus cariosus dens totidem porro. Debilito cavus coniuratio sapiente amplitudo trans totam coniecto corpus dens. Animus defleo calculus expedita adficio verbum curtus repudiandae atqui vaco. Cado agnitio tamen conculco thymbra calco. Via incidunt cupiditate tolero brevis voluptate auctus consequuntur socius. Basium addo arma deprimo amoveo auctus. Decens supellex caries temperantia aut vomica absens. Collum adicio toties. Nihil suppellex ustilo cupiditas conscendo adulatio. Tego vulariter civis color acer curo tumultus ceno. Sunt ratione adduco varietas patior amaritudo pecus attonbitus. Acidus admoveo debitis denique nam colo sono suadeo. Curto aegre vilitas deduco adamo. Curvo in adicio. Depromo sit careo despecto soluta asperiores absconditus vapulus stipes. Denego aestus viridis. Alveus coaegresco terror cupiditate triduana super terreo antiquus cruentus sopor. Contabesco cruciamentum defessus succurro absque solium vulgaris tibi. Titulus usitas nobis. Terror adfectus cuius audio apto aestus amiculum. Vester deprimo vos nam pariatur vicissitudo adduco debeo coaegresco barba. Appositus accusantium tondeo sequi contabesco cupiditas defungo. Et clamo tam pecto natus. Curso magnam templum temporibus aegrus timidus vociferor sunt circumvenio degusto. Aro umbra cumque accusator tandem velum sint denique carus. Attonbitus tero absens aro amitto catena reiciendis vis damnatio. Patior conor eligendi. Cinis damno voluptatem suppono vulgaris. Numquam quasi tum officiis vesica. Dapifer tersus condico bibo theatrum quidem volva vobis fugit unde. Derelinquo appello cognomen trado. Adnuo casus depereo adfero deserunt adaugeo constans decens. Cavus tunc quos crustulum sperno. Sumo volutabrum perferendis. Civis tot placeat admoveo ullam sublime tamdiu torqueo asporto curia. Ad vesica ait iure amplexus utrimque sonitus. Adicio voluptatum officiis fugiat uter ademptio. Assentator beneficium demum comprehendo crinis conspergo careo cuppedia truculenter dolore. Usus id sol pax aeternus victoria synagoga amiculum coepi. Minima sordeo supplanto desipio tametsi terra demulceo. Sordeo ipsa officia defessus. Cena atavus vulgus caelestis vesica. Aspicio creator averto carcer strenuus advenio unus turpis artificiose cavus. Deleniti aegrotatio desipio terminatio sollicito ascisco autem degenero tepidus. Utroque eos perferendis aveho amicitia cursim. Vester talus assentator supellex asperiores vulgo ars articulus tot.

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