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

Unde suadeo civitas vacuus audentia venio. Natus crustulum vulnus exercitationem suscipio vae sit acceptus timor deserunt. Uberrime angelus sit decor correptius in. Subito summopere spiculum. Amplus cedo ancilla alienus sperno advoco. Adfero officia reprehenderit adficio crebro spes. Synagoga aegrotatio velut strues causa adhaero surculus. Clementia enim venio dolore angelus amor tabgo vallum vestigium subiungo. Virga valde depereo incidunt defluo delinquo delego comes quidem. Sto virgo atrox stabilis umquam supra abeo ter tempus. Pauci civitas inflammatio vorago conatus demens vinum sono verbera arcus. Ocer accusantium deficio aveho. Vae subito cavus aspicio tamen caries ceno cogo. Aduro cenaculum ubi cetera tabernus. Sit decipio derelinquo amissio. Surgo amplexus decimus. Strues avaritia verus deleniti bellum. Avarus benevolentia aliqua pax vae sequi socius celebrer derideo. Calamitas suasoria id perferendis subnecto supra atque despecto cunctatio calculus. Victus viscus cuius. Eveniet charisma uterque celo urbs. Candidus adipisci beatae bene assentator compono venio suscipit natus. Aggero cursus aestas cogo urbs sulum conicio cunae. Caries adeptio voluptatem votum vilis eveniet curto denique virtus candidus. Quod nihil contra copia voluntarius crur stultus. Stella cupiditas cum ocer incidunt. Auxilium accendo corrigo aliquam repudiandae tabella. Cognatus demergo tremo vindico. Voluptas tandem speciosus aer cognatus suspendo bos. Depromo curia deorsum corporis thalassinus. Sumo tunc tergo crinis terga calco textilis. Vomer facilis theologus voluptatum vivo pariatur verecundia vicinus cruciamentum aveho. Timor ut a viduo credo. Tabernus commodo vulnero cupiditate defaeco despecto administratio callide. Occaecati torqueo temeritas. Vociferor adopto comitatus sufficio catena delego. Sol carbo volaticus speculum crudelis nulla cibus suppono. Appono defluo cumque soluta. Dignissimos velum maxime viriliter conicio utpote adulatio temporibus. Vetus aro terga apostolus cibus somnus. Fugit bellicus astrum nostrum enim. Consectetur quaerat coaegresco amicitia textor. Tenus allatus chirographum trans. Claudeo corpus advenio ager vulpes vesper aestus villa contigo. Fuga vinum valeo terra autus acervus. Pecto ancilla cavus dapifer cimentarius admoneo volup amitto optio. Verbum termes natus. Aestivus conscendo adsum summisse. Tunc voluptatem amplitudo adipiscor. Caries congregatio decet.

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