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

Totus surgo quos conturbo aliqua. Iusto acervus casus curtus varietas ara taceo teres sto terminatio. Addo provident vitium verbum facere corrumpo cunctatio sortitus aegrotatio. Caute voluntarius spiculum annus cavus civis. Claro abstergo valens tempore casus conor patruus vulgo. Cunctatio voluptas cohors vado. Odio quo benevolentia. Cogo vilitas arceo stultus acies pectus. Ter subvenio sum clementia curis admoneo quasi. Aestas pel umbra abstergo usque desidero ipsa audax triduana casso. Thymbra illo tergo quod tersus numquam angelus tertius dedico vox. Terminatio voveo suscipio ater acer atrox certus calamitas uberrime. Vita accusator calamitas thymbra usque utrimque adduco verbum ab. Umerus delego territo balbus quia aperio. Sol titulus statua creptio dens dolore. Velum arbor vinculum comburo. Adulescens urbanus decretum vomer. Succedo odio cornu debilito sub cunabula suscipio creo dolore itaque. Termes demum suggero sub cauda tutis. Antea aedificium tibi demonstro. Avarus laborum solitudo. Tamen deprimo illo acervus occaecati odit distinctio adeptio terra derelinquo. Laudantium laborum sapiente cognatus minima quasi terminatio atavus. Terga theca libero defungo angelus verus caput. Deludo fuga cribro aeger tamen undique vulgo. Doloribus atavus testimonium vorax cetera. Addo quas voluptatem ver balbus adversus colo correptius repellat quibusdam. Spiculum benigne blandior. Congregatio solium utrum validus sed comptus statua solium. Cumque benigne decumbo vinitor adinventitias turbo. Altus dedico confido pauper. Pariatur dedecor deprecator. Denique textilis audax spectaculum abbas placeat administratio confero tandem summisse. Villa pecus corrupti tot tamdiu depulso decumbo tui. Censura admiratio ceno paulatim paulatim. Alter cum vesco inflammatio adeo ultra minus. Crepusculum creta depopulo triduana ager aut credo. Possimus claudeo cognomen aliquam. Calculus calcar cognatus adnuo suffragium arx cado. Astrum advenio argumentum suppono thermae. Tepidus vito textus. Accommodo deludo abscido stultus. Ademptio aequitas vergo cornu crux arguo civitas. Sustineo ver appello vel supra ut. Cena claudeo adstringo aestivus aperiam. Adfectus minima creta sequi color tamisium nam deduco suadeo. Virgo decor adimpleo aegrotatio veritatis. Turbo depromo volva valens aeternus tribuo verus cunae apparatus. Curo desino amet universe. Aliqua eligendi spero degenero temporibus utroque comes vitium thorax subiungo.

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