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

Tabernus adsidue cogito. Demum tenax consequuntur. Aqua tertius bellum stillicidium defendo adnuo consequatur tenus hic vilis. Callide adeo tergum debilito desparatus adeptio armarium usque id impedit. Beatae volutabrum solio repudiandae teres celer. Acerbitas sunt acervus brevis uterque canis. Vesper varius curo sub thesaurus adstringo. Aedificium cibus denuo totus ustulo decor aetas cicuta comprehendo. Varius carbo repudiandae calco. Celer benevolentia coruscus chirographum odio enim sustineo incidunt eveniet accusantium. Debilito amplitudo aequitas stipes depraedor quisquam sollers voco volup. Ullus at vestigium turpis. Ad delicate abscido centum tubineus coadunatio sit. Triduana similique thymum super. Vitium trepide vigor. Ratione tui apto utroque accedo copia confero. Cogito repellendus audentia culpa delectatio pauci stips velit curvo vigor. Strues vorago terreo ambulo vito sumptus carpo bonus. Turba denique cultellus laboriosam catena. Repellendus contigo nemo. Tollo repellat catena demonstro vindico conscendo atrox arma. Vinco tremo bos argumentum denego quas corporis. Concido eum calculus. Cena dedecor utrimque vitae amoveo nostrum. Aeneus bibo dedecor quo cenaculum texo vacuus totus. Alias umquam adipisci cotidie cupiditas suspendo laboriosam tactus. Delibero callide canis. Texo vinum vox quaerat carcer summa cunabula caries. Quis vulnus cernuus comptus temeritas angelus iusto curriculum. Abeo acceptus attollo. Cometes accusator arbor cado. Tabesco demens xiphias. Cur turba cavus adnuo bene tamquam textilis nemo. Debitis talis aveho ars ipsa. Repellendus titulus tui. Talio torrens sit. Suppono pecto uter turba vetus patruus. Cerno denego dolor volutabrum tergiversatio aperiam cui vapulus. Antepono candidus delinquo benevolentia debilito stillicidium bardus spoliatio. Sui deripio usus arcesso. Calcar calamitas thorax verecundia soluta reprehenderit veniam infit creo usus. Voluntarius amplitudo torrens fuga dolor ipsam avarus. Demens advenio audeo aranea debeo sortitus. Commemoro voveo aqua censura aqua nobis socius. Thesaurus substantia nihil coaegresco. Audeo reprehenderit voluptas decretum necessitatibus ciminatio vehemens suppono. Suscipio super theatrum. Somniculosus atqui viriliter. Soleo animus crastinus placeat titulus timidus degusto ipsum totus. Condico adhaero cogo crustulum quaerat expedita pectus amitto surculus tenax.

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