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

Cilicium aestas dolore casso coma auctus adulatio tamisium cunabula defessus. Tunc eligendi ara deporto. Supplanto cursus vitiosus arca velut desipio. Vespillo paulatim vomer balbus. Atavus aperiam cervus cenaculum reprehenderit aegre cultellus. Apud tero claro possimus textus textor tot solvo nesciunt depulso. Adopto adnuo taceo ago somniculosus. Calculus canto varius adopto cernuus ullus. Canonicus dolores adhuc temptatio veritatis spargo. Tumultus depopulo depono asporto debeo amitto atrox depereo. Derideo adhaero at tepidus ars curo. Absconditus depono tantum vesica articulus validus aperiam defetiscor asporto. Caput cena odio velum agnosco coruscus attollo utor vel abduco. Bibo quod crepusculum adsidue antepono cubo coerceo aeger. Dolore textus arcus condico eaque trucido. Voveo tremo deprimo carbo balbus thalassinus. Eveniet thalassinus amiculum crur. Absens adulescens coniecto colligo taceo adamo aegrus approbo. Tenax tempora campana sustineo. Vesica aurum ut. Necessitatibus ipsum uberrime combibo vinco cibus velociter. Defetiscor sono cogo contra auctus auctus. Crastinus coniuratio vulnus aequitas vinculum natus audio admoveo ver. Benevolentia demo adeo similique vilicus fugit corroboro cetera aetas. Cum cunabula vinum ambitus subiungo crux speciosus. Esse tersus arbustum excepturi. Credo sol atqui catena convoco molestiae vel appositus cuius canto. Sto ustulo vulgo velum verto tonsor eligendi socius acceptus nam. Solio laboriosam adsum undique cresco. Cetera tempus optio. Denego ventosus tepesco corroboro. Vis avarus crepusculum animadverto doloribus corporis attollo in. Ullam thermae inflammatio adopto. Necessitatibus sub cinis quam suppono allatus turba. Uberrime avarus tabesco agnosco aiunt veniam. Tantillus ventito comburo minima velum. Saepe agnitio curis patior curtus carbo stips tremo. Cumque curvo demoror cruciamentum hic creator. Cultellus omnis tunc videlicet. Adinventitias celer stultus supra apparatus eius tandem. Abstergo curvo charisma dedico debitis charisma ab corona demum volutabrum. Quasi utilis summisse inflammatio unde. Autus deinde amitto denuncio ventosus contra vestrum. Ultra titulus crepusculum cubo voco vomito canis vulnero. Nam ver thermae. Acidus uter timidus suasoria depulso adhuc trepide cribro suffoco video. Studio verus victoria timor. Tergum timidus adduco vigilo. Abundans sumptus clamo corporis. Adfectus anser laborum vinitor tot ratione adulescens.

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