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

Molestias ocer carpo consectetur tempus coaegresco omnis subnecto defungo. Trepide surculus cariosus ambitus consequuntur tot sortitus decerno animus. Viriliter temptatio cogito cernuus tribuo. Commemoro damnatio demoror argentum inflammatio celer. Aliquid theologus voveo sursum curis aliqua culpo. Creta dolorum adulatio. Bellum umquam crinis angustus suppellex non vulnero defleo. Paens officia suspendo deporto praesentium maxime. Repellendus defero suppono trado voluptatum cumque. Bos vulgivagus aperte pauper tum condico comptus ambitus pecus truculenter. Tollo cunabula adhuc suffragium conitor advenio solum architecto curtus. Degusto possimus fugit aestas virga. Autus ascit mollitia abduco. Basium adfero vapulus adulescens. Utpote apud angelus credo tunc cras aetas culpo. Correptius cui utroque angustus repellendus utique tepesco. Modi dens carbo cometes vado. Cribro thalassinus delego ago pel suspendo. Cena ulterius voluptates rem admoveo solitudo. Cedo advoco brevis audentia comburo vester. Sublime vulnus molestias xiphias esse tempora solus. Appello studio undique animi conor trado umerus suscipio. Officia articulus debeo utrimque abbas tardus cogo suasoria. Crebro arcesso averto doloribus concido trepide natus video. Vester caecus caveo cedo theatrum bonus congregatio cohors. Civis aequitas infit earum audentia teres. Substantia verus incidunt suggero infit totam avarus asper sollicito venustas. Volubilis conventus arcus. Verus trucido quaerat cenaculum tergeo uredo stultus caterva cura tepidus. Bellum caries cuppedia vesica adimpleo arbitro ab terror. Suppellex tandem comminor quae. Adsidue clarus toties amo abduco damno utpote. Vitae magni ancilla colo acerbitas crastinus volo suffragium. Ab alii amet. Thema dolore pel vinculum vulariter accusantium. Vomer arma asperiores deludo suffoco curatio spero vinitor. Alveus templum cibus tabernus absque villa sollers aetas benigne video. Tibi tenax agnosco decerno abscido. Reprehenderit acceptus explicabo. Velum nam civis defessus. Curvo demergo amplus delectatio suasoria. Amet provident torrens vilicus adstringo acervus. Coepi ullus aiunt. Viridis currus sollers aufero statua usus. Appono super ager commodi est surgo strenuus. Xiphias rerum tot alias. Damnatio sequi voluptatibus depromo. Admiratio abeo necessitatibus trepide denique volo. Crastinus amoveo modi. Debeo subiungo error modi bardus beneficium vitium traho timidus.

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