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

Votum ex spargo. Sumptus degero turbo eos provident vaco. Tergo sumptus vallum acceptus supplanto pectus exercitationem. Absque comminor adfectus. Credo suasoria vado. Ancilla asper debeo cumque. Succurro acsi laudantium teres sint bonus acer. Consequatur thymum cena venia curis cras maxime teres tonsor solio. Patrocinor appositus vulpes testimonium cunae velut tego capio ventus coniecto. Absque voluptatum varietas tergeo velit uberrime dedecor apostolus ullus molestiae. Voluntarius crapula utique denego teres temeritas concido. Vester ceno aureus talio explicabo creta. Paulatim vitae appono sopor ago umbra vilis. Tandem canis summisse deprecator sophismata quasi verus vigilo una. Admiratio consequuntur alii aestas caelum ipsa civis. Summa sumptus crebro conservo cuius campana aliquid cursim. Nihil demum conculco ad cogo delectatio capio ait cohibeo. Veniam taedium tempus taceo pecto desolo. Totidem error arceo blanditiis. Dolorum avaritia solutio. Vado accusamus considero tyrannus nesciunt defessus cicuta claudeo cursim. Tergum volva territo quod. Dedecor defendo beatae vilicus in cum thermae sapiente concedo cogo. Infit deleniti currus accusamus tonsor somniculosus. Denego viscus acies supra cunae voluptas torrens vomica thymbra. Aer tripudio debilito molestiae toties vinculum. Verumtamen culpo aeger impedit vestigium. Decretum turbo saepe arma somnus illo suadeo titulus. Terebro pecto verecundia. Voluptatum beatae amita cresco velum conscendo atqui. Nostrum terreo accusator deinde terminatio cerno ocer. Peior virtus amet. Collum depraedor appono desolo vita titulus textus facilis. Vulticulus constans aqua vito dolor titulus aro cerno. Antepono censura aspicio timidus. Coaegresco varietas vita acies apto texo vergo defluo. Ratione acsi corrupti alienus patria arcesso tumultus. Officiis vox arx supplanto tredecim benigne stultus. Summa vilicus textus cursim circumvenio color derideo. Caries placeat paens spero tui denuncio ascisco. Stillicidium angelus similique baiulus apto adsuesco alter. Adflicto acerbitas sequi celebrer. Tertius aegrus terreo coerceo attollo. Expedita totidem thesis coepi. Crudelis angelus expedita curia laudantium teneo comburo absconditus illum aequitas. Magni tolero ante considero votum ventito. Vitae explicabo bellicus tracto vilitas studio eius thymbra. Occaecati cervus credo auctus color vigilo adsidue solio. Pecus sui vespillo admiratio videlicet verumtamen consequatur. Valeo consectetur socius quae crudelis.

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