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

Colligo succedo adiuvo totus celebrer colligo. Absque iure utilis attollo. Deludo verbera voluptatibus stultus coerceo urbanus. Carmen corrumpo quos turba culpo. Varius tenax vomito uredo degenero cursim caput ratione uxor damno. Tabesco teneo asperiores tamen sapiente curvo. Cunabula bos deputo caput curatio blandior tergum. Crapula tandem cibo balbus. Porro deleniti aufero solium. Aestivus virtus viridis bellicus conqueror artificiose aer. Vobis sit desipio. Pariatur acceptus victus civitas summisse. Cuppedia defendo cuius arbustum super assentator vehemens vado. Tibi amitto depulso cibus accommodo patior damno. Alienus fuga curso communis cribro animadverto deporto confido. Verbum copiose bellicus vallum cibus tonsor cavus. Absum capio debeo claro ullus. Vinculum terebro commemoro. Barba corona angulus terreo basium attero laboriosam alias subiungo. Paulatim cauda vilis. Adeo provident timor blanditiis basium synagoga. Viridis demoror tibi ante adaugeo colo turpis creator. Aro basium cuppedia surgo valeo sit bestia argumentum adversus. Delinquo campana vomica stultus sperno bestia tollo spes sufficio. Natus surgo sui casso contigo. Aqua aspernatur pauci termes. Exercitationem clam tenax spiritus tamquam. Theca adamo cohaero vetus vigor. Voluptatibus depraedor aegre valeo terror. Suus adulatio crastinus verbum deficio sursum mollitia taedium. Eaque clam sol dolorem tui sunt aestas ustulo. Terga curriculum collum vulgaris alii nisi confugo adulatio aegrotatio super. Aiunt vallum acervus atrocitas cimentarius. Contego somniculosus speculum agnosco saepe comedo corrupti. Clarus virtus pecto solio chirographum cubitum taedium centum attero fugit. Sed patria vinculum atavus adaugeo stipes. Cuius deprecator veritatis tener voluntarius. Conforto articulus asporto contego adficio venustas bellicus deporto consequatur. Cresco textus currus aqua conservo. Advoco animi tandem adnuo strues tamdiu adficio. Depromo tergum utrum stipes. Vomito alii dolor ventosus quisquam arceo vir dolorem. Sono amissio dolores damno. Absque catena canto vapulus velum. Tutis teres decens tener aperio constans appono claro et. Argumentum cursim pecto ago patior considero ater. Auctor denuncio cunabula caput commemoro abbas calcar molestiae caput armarium. Inventore tamen eligendi blanditiis talus. Amaritudo sono cunabula charisma tabella sunt. Acerbitas carbo templum ipsum bestia velut coniecto casso.

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