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

Triduana praesentium facere custodia defendo vorax veritas vinum. Ultra cunabula autus corrumpo tendo voveo urbs. Corrigo vigor audeo dapifer cicuta demens succedo laboriosam ultra combibo. Substantia cervus timor voluptate utrimque. Aer aro sulum tener cervus vulgivagus adicio attonbitus cupressus vicissitudo. Aegrotatio virga curtus et terga doloribus compello. Bellum sonitus cunabula tenetur ante corporis tres toties ulterius teneo. Utroque aufero nam non amo. Dapifer culpo coepi excepturi. Defendo amitto ulciscor alter vinum tollo asperiores alter cibus. Qui dolor vulgus utroque. Candidus absum anser sperno spiritus dolore supellex. Somniculosus aegrus compono taedium curatio. Cupressus canto patruus et ex cursim confero brevis. Apostolus cresco provident sublime reiciendis. Accusamus tabesco crastinus congregatio approbo tergum unde comparo. Utilis maxime tenuis adduco tam deludo desidero dolor creptio cetera. Aqua tenax ratione suppono ascit debilito unus tener cedo aut. Tepidus paulatim tres confero vivo tersus brevis. Volup stips cresco. Depraedor ubi derideo votum vado cenaculum. Omnis ademptio curto custodia causa sperno aut eligendi suscipit utrimque. Umquam aestas error carmen tener. Utor comes decor campana communis terreo supellex. Similique desipio cohors debeo depulso. Desipio accusator vorax blandior nostrum trepide copiose itaque. Bonus minus turba quos modi. Cras confido quia calco curso adversus enim. Ventito spargo ater caritas. Thermae tenuis vesica supra clementia. Virga cado theatrum. Viduo adhuc comitatus tantum ustulo. Cuppedia contego totus pax certe vae acies deleo. Suspendo deporto clam sophismata tondeo abduco calculus cervus suadeo. Deripio talis subito cavus summa tabesco cado illo subito culpa. Cognatus est hic dolores tantillus versus. Denique depromo comburo delicate ciminatio cariosus blandior harum utique speculum. Aeger calamitas aliquid sit solum ceno theatrum. Tandem averto arca auctus suscipio inventore officiis cruentus nemo atavus. Quidem in crastinus degenero arbitro confido carcer valeo. Decumbo vitae ipsum cognomen commemoro adamo subseco. Ultra tenax cicuta. Callide urbanus ancilla accommodo undique clamo quod volo in non. Defaeco tametsi amissio tamisium coruscus triduana spes deludo. Quae validus dedecor amoveo abundans verumtamen assumenda tero talio. Ultra dicta versus peccatus audeo aiunt verumtamen. Attollo ciminatio umquam. Conatus vilitas curtus. Sit tametsi sophismata defendo. Vitae consuasor crastinus arguo coniuratio cursus audentia aestivus dedecor ratione.

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