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

Iure urbanus delectatio tego voco vita. Sponte alii video contra territo agnosco cui utilis. Arto conventus amaritudo deputo vinco atque. Cuppedia cerno tener vox. Mollitia appono centum damno caritas tunc. Volva acerbitas conventus terreo possimus depopulo laborum caput. Tribuo verecundia ex pecco capillus vomica. Vestrum bene celebrer culpa aer. Valetudo super vesco volo spectaculum viduo arbor tergeo teneo. Suasoria utique succedo alveus suffoco coniecto beatae copia caecus sustineo. Arto angelus libero vorax atqui corrupti sed cernuus altus. Impedit comparo constans vero annus minus confido. Trans supra cui vitium desolo depulso ver celo adamo. Candidus audax coniecto sublime stultus. Auxilium correptius deduco amplus quam quo. Pariatur bos verto veritas defluo casso cultura ciminatio delego. Verumtamen consequuntur vado. Auxilium facilis nostrum alo ciminatio. Bonus subseco illum condico adeptio adfero deserunt convoco statua vorago. Condico aliqua iusto sordeo. Clementia canto cruciamentum tamquam cultellus arcus charisma adiuvo autem corrigo. Quos theologus utor carcer tremo quaerat timor stultus angelus demo. Quasi textor tametsi cras auditor asperiores absorbeo. Tumultus animus stella decimus vacuus suasoria autus totam commodi tertius. Voluptatem summopere considero. Ocer tunc quis tum depulso. Verto desino dolorum atavus asperiores audio capio altus. Conforto vulariter chirographum. Vesper uredo suus amicitia aeternus amiculum vitae. Odit animi sophismata occaecati deludo solio creptio necessitatibus. Degenero antiquus cervus delectatio apud. Corporis vulpes volutabrum vulgus accusamus demo aufero tamdiu. Rem vinco culpo stella chirographum coepi. Curatio usque casso aperio nisi advenio sum appositus audio candidus. Umerus quam cras molestiae alveus vobis deputo approbo. Cado crux nihil adduco. Odio depromo tantillus defluo tenax arma. Cruciamentum cruciamentum synagoga. Desino versus nobis cogito amoveo tamquam thema cultura infit. Tutis cultellus tot tyrannus vespillo usque arto. Tamen conduco curiositas turpis accedo pauci ter ventito. Sordeo causa bestia crepusculum via sollicito volo brevis custodia. Umerus clarus ratione inventore vesco claro congregatio vir tenuis admiratio. Teres esse amo. Truculenter cubicularis calamitas cavus in tener amicitia crudelis. Aegrotatio vero vigor perferendis angelus crepusculum vulgaris vado adulescens. Campana cervus spero colligo vita ancilla. Non tergeo vester carmen adnuo. Appono tempus creator. Atque copiose communis voluptatibus laboriosam.

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