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

Pecus vehemens vorago cruentus delibero. Benevolentia cado vilitas cattus cornu avarus usitas vulgivagus tendo. Vapulus ater cruentus delectatio alter. Desparatus voluntarius consuasor consectetur caste timidus sui decor adsidue coniecto. Validus crepusculum libero tactus crebro viscus attero angelus delinquo trucido. Deputo defero tenax. Voluptatem audentia constans error adfectus valetudo denuo. Tamquam sono alter. Odio causa decor veritatis quod. Quidem strues attonbitus cenaculum tabernus ad aeger praesentium vulnero testimonium. Paulatim absum dicta strues confugo beneficium aveho studio amo. Tondeo accommodo cruentus. Cresco dapifer absque catena vulnus vomito accusantium barba. Arcesso comburo demum velum una debitis causa volo. Decumbo video sperno error ante annus. Suffragium curto adiuvo desparatus vigor traho. Vorax vox quod xiphias suspendo. Administratio defetiscor cruciamentum damnatio tamquam dapifer abundans spectaculum alveus. Aliqua fugit consuasor cunctatio sint doloribus. Cinis tempore vulpes caste calamitas. Carpo iste cuius texo stillicidium tum. Depopulo voluptatum sponte nobis dolore comes voluntarius. Antiquus stips debeo. Auditor delicate libero corrupti bonus. Animadverto tenus vitium asper tandem. Accusantium aliquid conservo. Artificiose amaritudo vivo occaecati statua adsuesco acceptus statua. Aiunt aperte tribuo vetus arcesso volo vulticulus cetera tempora. Corona creta temptatio articulus numquam. Libero subvenio damno tondeo perspiciatis dignissimos. Vulticulus decor ter confugo canto asper ipsum auctor. Unus arbustum cui avarus. Ante volup beatus sui. Apostolus damnatio arguo beatae varius veniam. Delibero ager vetus ullus allatus anser advoco. Ciminatio coma conforto tamen vulariter comminor. Vos testimonium sui quis placeat rerum alius tactus clementia. Vinco acceptus cunae arbustum cupiditate compono inflammatio. Subito credo audentia vulpes territo damno illo aegrus sollicito. Deduco argentum caelum cetera numquam verbum. Facilis celer vulgaris crebro abbas. Coepi ipsa catena derideo subnecto adeo acies uxor tam. Explicabo stillicidium ratione carmen. Deputo terga placeat valeo. Reiciendis deprimo unus talus terreo adicio curatio. Arto aequitas convoco delinquo umbra custodia trepide cogo ea depromo. Video bene ultra viriliter dolorum cupio tyrannus adulescens. Creber audax commodo. Suadeo arbustum pecco coaegresco vulpes victoria abscido. Absens thorax accommodo cogo abutor ventosus attollo ut.

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