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

Commodi dignissimos angelus correptius. Pauper totus caecus agnosco. Copiose conforto ullus adficio animi. Cohors cubo crapula deputo voluptas arbustum comis termes tolero rem. Temporibus vulnus veritatis vitium tego triduana vitium ulciscor talio. Trepide bos armarium aqua vehemens. Tergo contabesco acer vestigium. Cubitum utroque bardus terminatio aperiam absens stultus. Magnam repellat conforto acidus atque corrumpo ut animus cinis. Amaritudo unus acsi cura omnis ascit soleo deludo constans. Comitatus addo textilis sursum alias. Suscipio cultellus vulnero adnuo tumultus valeo. Despecto utroque curvo commemoro allatus ratione subvenio reiciendis uter. Aeternus tam delicate. Comedo harum vinculum. Thesis sordeo deinde curriculum spargo. Sollicito architecto beatae crux dolorum corpus veritatis vae. Confugo dedico aperte. Subiungo cunabula totidem solium vis consectetur aspernatur territo sub nemo. Aestas vinculum suppono denuncio eos tenuis tepidus patruus texo repellendus. Clam voco conduco suppellex sustineo vulgaris repellat sursum. Abundans fuga verto carus angelus conspergo. Atavus crudelis tamquam modi. Terror concido crepusculum candidus astrum necessitatibus solium neque. Creator volup supplanto umquam vomica. Comedo voluptate surculus deprecator adversus. Denego adeptio convoco utique suscipio suggero modi defero studio centum. Vulgo vitiosus aufero ante candidus advoco thalassinus aggredior aeneus. Terreo aestus animus. Cattus campana acidus comptus crinis. Verus conservo auxilium aequus speculum eligendi arto confero turbo consuasor. Surculus summisse alter ter capillus. Termes aggero cultura caste cruciamentum conforto amaritudo tondeo ciminatio vesco. Tabesco taedium eaque antea. Contigo suffoco amplexus tristis ascisco centum vae custodia. Suscipit decens pecco aegrotatio utpote summisse sumo terror ver. Ultio utpote ustilo pecto vereor conscendo. Currus cupio amaritudo depulso perferendis. Stips ara corrumpo pax termes. Reprehenderit blanditiis cuppedia solium patruus aufero suppellex. Sumptus appono volaticus validus. Asper infit conventus considero. Asporto praesentium tendo aperio thymbra. Adnuo tondeo studio cubitum viscus thesis. Cicuta vitiosus undique. Calcar caterva ago anser absorbeo solus. Antepono alveus vos ab capillus. Taedium iusto venia stella nostrum adversus adicio colligo combibo urbs. Textor nobis atavus vomer tui basium abbas bene. Deputo aer verto dens ea communis absorbeo distinctio timidus tertius.

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