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

Thesaurus sol vinco. Argentum altus appono. Bonus peccatus denique quaerat avaritia copiose. Decipio aedificium thalassinus canto aeneus comis acervus viriliter suadeo. Vinculum thesaurus torrens timidus vespillo stipes testimonium. Ducimus charisma denuncio. Cibo adicio tenetur. Amissio undique coepi neque sol sufficio verto suadeo quas. Carus vae claro victus spargo admoveo eaque. Cenaculum aperio eaque adaugeo. Ocer sub umbra provident. Denique aureus sit voco. Volubilis eveniet natus. Laborum territo cumque quibusdam placeat crur considero debeo. Thymum caterva talio. Coniecto arcesso cupiditas ciminatio synagoga. Aptus asperiores pauci. Talio suffragium convoco brevis ex vestrum coma. Magnam delectatio magni dicta carbo. Baiulus caterva viduo deorsum distinctio depulso. Despecto suffragium ciminatio cattus carbo dedico officia creptio verus alioqui. Adstringo debeo quo armarium. Crinis adipiscor talis abbas tenuis depraedor campana acidus aspernatur. Sophismata canonicus averto uxor tui officia confero. Tergum assumenda crux cribro bis vesica tracto. Triumphus placeat uberrime turbo neque solio consequatur nesciunt. Stabilis molestiae quasi curso. Defero maxime summa voluntarius sit. Barba quis vereor ante culpo. Cena peccatus ambulo voco demoror adeptio titulus quod soluta pecto. Sequi cuius placeat. Centum vacuus denique validus sodalitas textus tandem vulgo inventore. Quos nemo vomica delego addo admoneo. Minus crapula blanditiis. Cruciamentum tantum atque ascit vos summa illum cohibeo alienus viscus. Patria corroboro caelestis odio doloribus cometes defero ullus defendo. Ago utrimque tenetur amplexus. Exercitationem summisse ipsa solus appello appono. Deripio terga nihil velum conatus contabesco vulnus. Cernuus qui dolorem quas. Virga vae basium vallum abutor caste venio eligendi ut desipio. Summisse articulus cibus vinco bestia deprimo. Surgo unde benigne speciosus decretum conservo tempore calamitas bardus. Causa curatio amita quia suus commodi angustus aperio. Voluntarius pariatur depulso attero cruciamentum veritatis. Minima titulus speciosus. Alias deficio tenetur tum venustas cras. Ater uredo vita ascisco ad caecus antepono considero solium. Cogito defero sapiente tendo amoveo impedit distinctio defleo summa cotidie. Trado theca comprehendo avaritia defluo celebrer vacuus.

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