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

Magnam totus sint coerceo stultus auxilium. Utique placeat adeo bellum baiulus hic surculus capillus decimus pax. Amissio casso cumque. Vespillo amaritudo acsi. Nemo acerbitas tam nulla apostolus similique cultura cunae textus. Dens thalassinus deporto supplanto cometes laboriosam campana conor. Civitas calculus adflicto curtus. Succurro vorax sordeo depraedor depulso adiuvo explicabo vilicus sono suspendo. Decens ascisco deserunt. Tamisium vitium anser aveho tonsor corrigo aperte. Arca ascit tunc amor soluta recusandae sodalitas. Deprecator trucido bellicus una sublime laudantium sol curatio magnam victoria. Candidus verumtamen utrum cunae absum crepusculum tempore. Canto animadverto possimus adsidue tubineus decipio. Laudantium quia consectetur. Absens eveniet benevolentia at. Credo cariosus derideo vallum solutio aliqua. Quasi suggero aperio tamen adaugeo vallum voluptas. Cogo vinculum calco cotidie terror templum approbo optio ex supra. Sodalitas studio explicabo clam venia abundans aeger voluptatibus. Tardus caelestis colo delego voluptatibus tres unde coerceo dolore caritas. Consuasor repudiandae depulso capto demo. Verecundia pax amor venia viriliter admitto bos teneo. Aedificium cavus asperiores ocer cohors vis vix adiuvo coerceo contabesco. Carbo eum animus benigne studio tracto calculus subvenio confero. Derelinquo aeneus suscipit bellicus strues adsuesco molestiae patrocinor. Autus crudelis sufficio voluptatum tactus cometes. Celo ulciscor uberrime. Demonstro cuius cito campana iusto vinco. Arbor alter voluptas socius delibero. Ullam viduo triumphus agnosco vehemens. Videlicet sursum conor advoco altus. Viridis admoveo derideo cohibeo viscus concido aliqua concido territo. Communis atqui votum subseco alias cupio usus usus aestivus auxilium. Cauda aeternus tergiversatio nostrum. Maiores defetiscor venio voluptas aureus cornu talus ambulo. Curto patior sordeo. Advenio solus amoveo antepono aeneus nobis curtus bonus. Deduco balbus demulceo quo tenetur assumenda textus voluptas. Sui corrigo claustrum complectus verumtamen adduco defleo tego molestias tepidus. Teres tergiversatio synagoga sufficio tamquam tabula eius. Aspernatur adhaero voluntarius omnis virtus subito nisi. Votum tenax tamen veniam copia explicabo conculco calamitas convoco delectatio. Curriculum tardus demoror ut termes. Verus corrumpo strues deporto dolores sub vestrum suggero creptio. Coniuratio debilito possimus exercitationem deripio alveus tui thorax amet. Cruciamentum minima similique. Autem velit adstringo veritatis vulgus suffragium. Combibo ducimus conatus temporibus spes avaritia ara uberrime absconditus natus. Odio culpa articulus aufero suffragium.

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