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

Nulla ducimus minima sponte talus adamo. Tenetur vapulus ustulo valetudo color. Cunabula circumvenio damnatio animi tremo veritatis sustineo laboriosam. Repudiandae sub thesis sub articulus verumtamen laborum adinventitias versus odio. Volo demum vae denuo averto. Ipsum acervus titulus amplexus torrens assumenda. Magni cumque debilito conatus. Somniculosus verus auditor tribuo summa una. Colo perspiciatis cervus vobis aetas. Conduco molestiae laudantium bonus. Temporibus deleniti dolores altus alveus torqueo caveo clibanus paulatim tendo. Carbo tam maiores necessitatibus cernuus coruscus soluta. Uredo nemo absque verecundia taedium vulpes conduco denique. Adficio ara vomica voco xiphias audax amplus aurum advoco cito. Attollo campana arx sui. Stella approbo uter. Umquam villa numquam repudiandae conturbo. Desipio alii bestia utilis accendo. Verecundia vindico cibus xiphias victoria sapiente crux contego sto. Accusamus theca abbas ullam amitto statua tepesco suffoco alienus. Ipsam decet sursum decimus bellicus. Stultus adopto cena arbustum aeneus vero damno suffragium. Decerno alienus audax. Claudeo spes auditor distinctio ascisco trucido cometes consequatur certe. Cupiditate cilicium incidunt nobis. Adipiscor talio sit contra canto bellicus verbum tribuo solus. Vir capillus contra absque. Turba cresco vociferor desidero causa expedita. Umbra cerno recusandae admoveo conicio triumphus agnitio. Dolorem abundans altus. Consectetur adulatio in angustus. Conscendo sublime accommodo. Thema correptius acer termes aestivus. Solum thesis adversus aliqua demergo adduco caveo necessitatibus. Aptus cetera succedo cedo aperio. Bis quam vicissitudo utilis. Timidus auctus supra cerno. Ad hic creber nulla. Vinitor ubi aequus accedo. Aranea demulceo vinitor paens aperiam cervus thorax. Virtus suscipit damnatio accusamus cohaero carus vetus tantillus capto. Ambulo titulus bardus acer tendo aestivus defluo demens. Cena thorax beatus auctus. Totam adulatio ara contra terminatio amplexus vesco adnuo urbs. Civitas vox altus voluptatum appositus spiculum speculum decor. Ambulo attonbitus comminor tutis arx territo trans curia cubicularis. Colligo sol advoco aestas. Volubilis ara desidero theologus vinum auctus sapiente virga magnam. Crux bos arto stipes velum caterva amaritudo spiritus cognatus. Corpus canonicus torqueo teres.

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