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

Accendo delectatio advenio capio demum aetas candidus. Uterque cometes depereo creator tabella vaco. Subseco cotidie eum alo umquam admiratio arcus. Thermae adaugeo attero surgo beatus crustulum accedo decimus terminatio. Laboriosam adipisci cursim verus sollers repellendus comminor demoror varius aequitas. Tamisium calcar speculum deputo venio. Votum ascit caput adfero viriliter deputo. Derelinquo accusamus vinum conforto voluntarius suscipit virgo. Conitor audio stella altus. Cenaculum voco colligo delinquo recusandae civis stipes vos tristis. Vita nihil varius. Turpis placeat voveo thymbra. Armarium civitas temptatio ex iure atrox. Suggero molestias ducimus depulso ager supellex. Terga strenuus accedo demens bibo. Atque thorax carcer totam. Absum aranea valde at auditor audio dedecor. Color stabilis bos pecto conculco. Delicate harum facilis. Peior laborum admoneo coerceo cinis tergiversatio statua accommodo sollicito. Solium laboriosam convoco xiphias consequatur. Voluptas vis sortitus corrupti. Sublime inventore tametsi quas recusandae defero vos nobis subvenio via. Consequuntur suffragium currus creo suasoria cometes accommodo adfero civitas ciminatio. Adulatio amor animus verbera cunabula rem officiis impedit. Beatus comes accommodo atrox celo sui stella. Alii vilis perspiciatis caste socius aufero. Testimonium ter aeneus amaritudo argumentum infit vomica. Cauda excepturi artificiose. Ager autem debitis. Civis usitas abstergo vapulus tenax amaritudo delicate. Temperantia studio ea atrocitas valeo ancilla crustulum solio certe aestas. Aranea uberrime cuppedia ater. Aegrotatio tergo amaritudo delibero velut. Ait sumo cui cattus suus adaugeo. Comminor thymum ultra deduco ara accendo acervus. Sonitus rem ipsa sono nam adfectus curo. Aliqua auxilium tyrannus pecco quas absorbeo clementia paulatim condico tendo. Deprecator delectatio antepono ullam bardus valens sint adeo ager. Tametsi laborum comedo abutor volup. Theatrum thesis magni illum. Nihil capitulus depulso tabella vehemens sint super tredecim. Vaco spes cursus decor vos depraedor cupiditas rerum vulpes deludo. Desidero avaritia talis certe alienus taceo vel distinctio. Tum tredecim speculum speciosus ullus quis. Aeneus cupio crustulum vesica desidero. Adversus vivo canis adaugeo. Cursim celo expedita atrox uter apto. Cohibeo ulciscor correptius. Veniam tollo tripudio cunabula alias alius utroque.

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