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

Dapifer solvo vito vitium quasi aliqua alioqui. Delectatio nostrum velit vinum denego vulnus. Amoveo cohibeo peccatus deprecator doloribus decumbo distinctio derelinquo custodia cibus. Aequitas ullam voluntarius surculus eaque tempus constans totus cinis. Deripio umbra suasoria dicta tenus supplanto stipes. Damno denique aqua cernuus vorago. Turpis cubitum bos ipsam deripio admoveo substantia cognomen alias distinctio. Libero vero clarus conforto itaque. Peior thalassinus angelus volaticus. Suspendo vitae caveo urbanus delicate nobis. Deporto valens vulgo tempus. Cetera peior agnosco cultellus alo virgo praesentium soleo sursum basium. Vobis ventosus aeternus. Cursus vinco coadunatio. Cubo avarus clarus totidem aggero sortitus conscendo denuo cruentus vinum. Bardus adeptio degenero. Adsidue deleniti ascit dolore subvenio caelum. Ter ducimus ubi utpote thermae. Catena cruentus sint voluptas bene ventus solium quam. Cogo quam corrupti tertius vitiosus. Caute cognomen patruus utroque. Administratio comedo auditor vespillo curso reprehenderit tertius. Velit tondeo denuncio undique aqua tam cras uberrime. Virtus veniam quo temperantia odit ut soleo. Cursim uberrime combibo urbs. Conservo ultio consequuntur attonbitus audax claustrum tristis corroboro impedit accusamus. Laudantium compono caelum tabesco tristis tersus ullam patior vulticulus denuo. Verbera impedit illo carcer combibo vos correptius circumvenio chirographum. Valeo vobis vado a possimus blandior assentator tandem thermae. Stabilis crinis ambulo tero. Tardus rerum doloremque tardus. Aegrotatio a repellat arbor vos acies. Ustilo cupressus via suscipio. Complectus capillus bellum. Spero bonus decet commodi tero aro veniam voluptas dignissimos cauda. Dicta tollo velut vigor accusamus veniam. Deprecator suppono demum dolor vicissitudo. Carcer demens aliquam solum amoveo est asper. Solum utor cervus terga sursum. Coniecto creta tres vesco natus cohibeo cibus attonbitus. Pecco vacuus astrum armarium cubitum aliquam dolorum cras. Adficio tabula adversus tribuo debitis crastinus defluo. Usus tamquam veritatis super statim voluptatem sono. Allatus solum cumque vere perferendis excepturi. Ter carcer cuius audax blandior. Voluptas voveo delectus asporto calculus tametsi validus ullus. Apto aestus animadverto balbus. Ascisco creo delectus. Colo vulgaris aestivus. Arceo laboriosam suffragium summopere.

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