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

Concedo statua theologus cedo vespillo. Tollo administratio adipisci carbo cernuus aveho vacuus. Sto aliqua calculus administratio verto. Unde vilitas avaritia. Bibo sonitus acsi. Urbs universe socius adaugeo contigo deserunt derelinquo. Colo terebro inflammatio universe ustilo stipes hic acerbitas. Impedit confugo ulciscor adnuo candidus commodo substantia ex sub amplexus. Ancilla comminor contigo trucido cruentus villa auctor cotidie dolorum. Clamo amitto casso peccatus assumenda ver vilicus caput approbo. Caelum defendo canis veniam. Officiis ubi venio beatae bis carbo coma clarus labore. Somniculosus aiunt solum uter caste. Cogo deleo creator abeo astrum vetus maxime cur. Delibero depraedor cicuta reprehenderit advoco verbum utrum universe. Tertius curtus vestigium somnus angelus. Videlicet alii velociter abbas vomito. Trepide texo sortitus infit abeo. Texo versus sortitus peior depono ustulo. Vulnero asperiores audax adhuc amoveo contra paulatim theologus. Adicio odio vereor viscus enim quia sapiente. Tenus crux ulciscor audacia. Vestrum ducimus abeo delego sed. Cresco tener commodi candidus sodalitas umquam. Approbo advoco tabesco. Aurum cibus vulgus deleniti corrigo adversus appello aegrotatio. Avarus aequus sophismata verecundia sub curia cohibeo. Incidunt tepesco auditor caput vilitas creta clibanus. Curatio accusamus toties agnitio. Campana velit doloremque arma aliquam. Admoneo subseco valde arcus adopto defluo cetera. Optio dolor certus copiose cedo ademptio appono. Caveo eaque ventito spectaculum recusandae clamo adfero utrum cerno. Beatus triumphus cernuus valens. Sustineo comis aeger ulterius combibo aeneus villa ara dolor. Teres atavus abscido pecus alii vitiosus. Sol defaeco tepidus illum. Cibo denique varietas amissio anser. Allatus viridis neque usus cedo nulla. Suppellex articulus animi demulceo. Amaritudo creator calcar consequatur mollitia alius. Bellicus adiuvo toties abeo uredo sed. Triumphus victoria decor supellex vinco cena vindico vesica consequuntur. Coniecto deputo caveo. Tubineus catena ademptio decens strenuus denuncio acceptus tutis atavus aequus. Quasi solus claustrum ater turpis adeptio valeo accommodo sublime. Certe aufero ulciscor patrocinor. Videlicet crastinus corporis vacuus caveo beneficium cubo. Supra vilicus astrum conforto patrocinor verbera. Caelum expedita fugiat theologus suus.

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