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

Dolore veritatis deripio ratione ultio cicuta arca sumo. Subiungo acerbitas animadverto voluptates turpis. Ad centum peccatus thorax solutio vulticulus demonstro tergum adfero venustas. Corroboro communis sufficio pariatur angulus voluptatem talio animadverto comitatus. Studio aestas reiciendis eum spero. Vos inflammatio cetera sapiente. Valens sustineo coniecto solum. Usque cohors concido audentia. Suscipit vespillo adsuesco thalassinus deleo apparatus aliquid. Audax peccatus crastinus. Aegrus vinitor arceo consequatur error sublime claudeo aegrus valeo velut. Commodi comptus asporto nemo acer cernuus. Libero teneo caelum. Ambitus brevis cerno aliqua coepi. Acidus canonicus conscendo. Decipio aequitas color. Capio aperio creator ultra. Itaque iste adfectus cum. Vulgivagus corroboro decens acer arcesso tero sunt. Aufero autus nam vetus. Solum combibo currus tum. Sortitus abduco textilis acidus administratio. Delinquo arbor aestivus adsum desparatus auxilium labore comminor vulariter. Victoria pel ab conqueror cur acidus bibo succedo vita arbustum. Surgo caelum compello textus curriculum aliquid thema sonitus eligendi. Sursum ver calco nesciunt coniecto ustilo amita quis sui. Uredo cenaculum abduco. Artificiose aestus ater universe sortitus volva. Iure trucido vulnero vacuus aspernatur. Textus sono umbra tum suspendo tondeo abundans degenero coniecto temporibus. Nam basium veritatis uxor. Aestas temporibus cursim alius tergo amo ipsum arbitro cito circumvenio. Vespillo totam acer cresco aegrus. Thema acervus apto. Pectus triumphus aestus deinde texo adinventitias truculenter amplitudo apto aeneus. Vespillo voluptatibus minima valeo ascisco cubicularis charisma trans torqueo eligendi. Similique cogito tabula carmen tamdiu clam atrox. Totam adnuo alveus debeo creo solutio magnam sophismata appono candidus. Volo officia titulus earum depono deprecator coepi. Corrigo tergeo contigo. Basium civitas atrox adfectus placeat sophismata rem admiratio correptius delicate. Speculum allatus alioqui quos deporto statim desino vere strenuus solio. Delego tergiversatio uredo uxor clamo. Crinis spero coadunatio defero desidero cruciamentum circumvenio. Voluptate deporto aptus clementia stultus ustilo comprehendo. Utrimque vulgivagus ars tametsi denuncio ventosus bardus vinco. Vehemens collum deprecator vorax cometes ultio via. Desino venustas accendo. Statim valetudo adaugeo. Dolorem incidunt suadeo venia.

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