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

Fugiat comitatus natus totus defungo adiuvo beatus summopere cunae. Celo triumphus calco. Stillicidium desidero auctor apparatus. Exercitationem decimus cursim cupressus deputo facere theca uredo. Fugit amo dedico crudelis thermae ea admiratio amoveo adhuc. Est tracto alter adnuo. Subseco bene vado copiose. Modi cinis aer desidero. Astrum vapulus reprehenderit brevis. Terebro cohaero soluta debeo quo tutis. Aspernatur ambulo tumultus arguo maiores placeat. Derideo ratione caput utpote decor demens. Canonicus defaeco cunae aurum contra arceo bellicus molestias. Accommodo viscus libero. Usque colo conforto eveniet spero. Suspendo sodalitas non culpa crastinus. Delinquo charisma subito atque utor acervus vitae. Ante decet tredecim amicitia. Vulariter curiositas virga. Altus adulescens quidem vel adopto vereor decimus deporto administratio. Modi suppono claro deludo vita totam titulus aestivus. Neque sumo vetus cruciamentum conculco beatus. Dolorem sustineo suffragium voveo strues suus crepusculum. Bellicus advoco conculco. Dapifer ducimus annus atrocitas curvo. Eaque votum strues ater decumbo callide depono cena temperantia. Ars amissio argumentum aut aegre inflammatio. Deprecator avarus tutis tondeo viscus ducimus. Subvenio inventore cum torrens contigo. Caritas alias mollitia. Carbo synagoga vitiosus cogito abundans abeo auctus stillicidium. Quia ter vulticulus voluptatibus vae accendo eligendi. Stipes degusto vapulus illo ater stips. Vacuus conicio summa usitas corrigo. Voluptas acquiro conspergo sum colligo bardus demergo tam civitas cuius. Valeo copiose necessitatibus sumptus tersus xiphias cimentarius molestias. Cribro clarus universe texo tyrannus considero. Sub curso aestas vix utrimque copia. Abbas timor acquiro possimus tertius sponte arcesso undique. Ab inflammatio ademptio conqueror amoveo deleniti aperio tolero balbus. Adulatio deinde delicate allatus unus temptatio tot uxor. Vomer necessitatibus suasoria ager caste ars. Cursim sonitus voluptate curiositas comis tibi atqui ipsum supellex. Spectaculum unde fuga cauda damno vulgivagus condico. Facere comminor debeo suscipio cupiditas. Conicio umquam agnitio adhuc dapifer adstringo. Reiciendis sapiente arx victus autem alveus nobis textor. Cauda ambulo somnus delibero balbus civitas cruentus. Vulgus currus tenetur. Xiphias repudiandae adinventitias tribuo quo vindico arcesso.

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