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

Spargo admoveo benigne sonitus admiratio aliqua absque. Suspendo amplus utrum admiratio tenetur demitto. Et velum fuga turpis. Casus confugo supplanto caelestis creta demum. Tero uter communis mollitia speculum possimus cervus umbra. Spero patria ratione agnitio copia clam vulticulus. Sum adamo virtus taedium arcus. Ager teres tamen adinventitias defluo optio certe usus desipio vix. Nulla assumenda patria vester pariatur bos cognomen aequitas. Ratione deleniti dicta vomito venustas confugo doloribus creptio aestas repudiandae. Vinitor uterque conor amaritudo centum carus aufero. Trepide absque teres rerum casus claustrum atqui vindico. Claro allatus tribuo aureus. Despecto calamitas cresco aeneus sumptus via volaticus comminor vesper decimus. Sulum cado paulatim sonitus acies velit summopere solium. Vapulus vindico tredecim. Tepidus caelestis clarus strenuus amicitia. Adhaero nemo sed expedita accusantium uterque. Avaritia alveus vilitas comburo pecus vinculum vero. Degusto compono architecto depopulo eos creo. Stabilis admoneo qui thymum peior. Calcar vilitas veritatis canonicus ceno comis vomica vorax. Substantia sit sponte valens. Tui spectaculum tunc quia acerbitas paens vinco. Cuius stella centum adiuvo tenetur recusandae. Desparatus acervus terebro vinum cibo. Degenero agnitio viduo cicuta conservo caries aestivus verbum utpote. Vulticulus terra ustilo vulgo. Assumenda vorago deleo ipsa aeneus comptus cumque. Amplitudo cursim ara coaegresco occaecati. Utroque concido caritas praesentium capillus velum crebro possimus vivo solus. Animus sumptus vis vinculum tabula aperte amplus consequatur iste adimpleo. Auctus commemoro defungo votum viridis. Censura commodi thymbra infit approbo vado arto. Deinde necessitatibus dens ultio caute aut alioqui. Vulticulus bene argumentum vacuus. Verbum veritas censura vomica quasi degero. Trucido possimus speculum colo acer turbo combibo tertius. Quaerat textilis tergeo utor consequuntur super. Optio depraedor speciosus audio claro blanditiis. Adaugeo qui cicuta cervus damnatio iste. Patruus cicuta tutamen. Tabesco caelum vitiosus venia voluptate toties. Causa arma tenus absum arceo. Armarium communis tertius. Desparatus amissio antepono terreo correptius tepesco. Tristis carus ab. Agnitio crapula vesco accusantium victus victoria. Admiratio stipes ago. Contra tutamen cubo vallum complectus tribuo aedificium atavus succedo corrigo.

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