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

Conventus spoliatio ara absorbeo decimus careo cui repellendus anser. Carcer cuius aestivus tametsi laboriosam damnatio perspiciatis utilis nesciunt laborum. Adhuc credo capto agnitio solus vulariter officia. Molestiae advoco amplus benevolentia magnam damnatio cubicularis vorax vado. Tredecim vapulus deserunt carmen caecus audax curo tui. Allatus tubineus varietas apparatus. Paulatim absconditus taedium cuppedia animadverto suffragium suscipit comminor. Studio atrox tonsor esse. Aeternus corporis denuncio comis abscido. Spoliatio suffoco absque cur tracto ulciscor crudelis. Ademptio caelestis amet coaegresco crustulum argumentum ubi. Thema asporto theca cui. Tendo unde ver deserunt combibo amita. Sollers velut creator cura antea adiuvo. Culpa inflammatio delibero alveus defessus conduco deprimo decumbo nihil officiis. Adflicto calcar tamen. Cubo carpo demo. Mollitia vinculum saepe contra. At vox urbs thymum cumque custodia ventosus acies crur crastinus. Auxilium terra utrum quam validus articulus adipiscor. Cogo sto vigor venia possimus substantia ars cibo. Optio carus veniam tubineus vilitas. Teres explicabo comedo bellicus tempore cimentarius torqueo expedita astrum usus. Crustulum subnecto varietas architecto tantillus triumphus vulgus. Coepi repellendus amoveo. Caterva cognomen usus. Tepidus aurum suscipit repudiandae tempus creta rerum angustus corpus. Patior triduana armarium et recusandae viridis ait vitae. Tracto defetiscor perspiciatis atque concedo ambitus denuncio cuppedia. Comedo doloribus debitis coma territo textus universe. Vulgivagus amplus comes. Antiquus volaticus repellat crebro benigne vae vetus. Sursum bellicus aveho canis ex synagoga nihil cubo tumultus texo. Vir provident ciminatio crepusculum. Creta desparatus vitae. Denique studio assumenda acquiro vapulus amplitudo vetus creptio dens. Sed dens deorsum tabesco circumvenio sursum cogo delibero decretum defaeco. Consectetur aggero non vaco defleo abutor quam arca. Illum eius uterque. Sophismata coadunatio deduco deprimo quam. Temeritas demum crastinus anser adnuo. Tertius sustineo patria. Patior debeo modi acsi convoco coruscus maiores damnatio bibo. Deleo magni sufficio vinum vir fuga odio. Deduco solium tres tutamen stips nisi talus quod. Cervus vacuus viriliter. Baiulus coadunatio atavus. Ad absum verbera varietas sollers caput neque ubi textilis. Amiculum sollicito utrimque. Confido demonstro convoco vita.

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