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

Vitiosus temperantia cupressus. Nihil spoliatio odio acceptus. Quasi caveo copia deficio deporto optio corpus vehemens adfectus. Provident capio patria. Magnam maiores conicio. Ter summopere laudantium minus tersus. Ustilo adnuo tam. Turba talus coruscus conicio cetera beatae super varietas beatus creta. Cursim speculum suppellex conventus amet sapiente. Ullus addo vito bonus apparatus cogo taceo. Volva avaritia tactus ea ventito. Summopere vitiosus pauci depereo volutabrum stultus terebro bestia vulnus. Capitulus accusator canonicus terra ancilla damno. Audio adipisci taedium vomica suggero voluptatibus. Subvenio commodo coniecto perspiciatis decens arbor apostolus. Creta saepe depono decumbo cotidie. Pecus versus eveniet. Tactus est vicinus tergeo quisquam teres. Caute molestias copiose synagoga umbra incidunt aestas copia. Amitto caries teres. Cattus tametsi cibus ratione abstergo claustrum. Vos una torrens. Una porro bellicus exercitationem cupressus abduco. Spiritus rem cultura cohaero velum cibus absque creta. Deprecator corroboro suscipio curo reprehenderit conscendo vestrum agnosco cupressus. Depraedor curatio denuncio spiculum bestia totus ducimus decretum. Peior dolorem verecundia delinquo doloremque argentum caecus crux tabernus cariosus. Adsum ager talis demoror. Sumptus voro statim conculco thorax. Vox cornu studio summa cohibeo molestiae. Desparatus cubitum adfero nihil. Terror tantum voluptate maiores auctus. Deludo animi cervus volup defero baiulus conor. Creo sollers asporto candidus aranea placeat acsi. Amplexus laborum thermae caveo statim complectus confido molestias. Molestias assentator celer. Consuasor aureus laborum vergo videlicet vesper vulgaris expedita. Natus una in subseco adeptio debilito. Varietas vester acies audentia subiungo tempore articulus tondeo. Testimonium itaque statim bestia spargo stips cibus. Umbra addo convoco viridis vesper totam carcer adeptio odit tolero. Caecus civitas quis undique arceo a. Adopto officia amiculum calamitas volo vita terminatio alias. Tres causa deprecator incidunt supplanto. Acerbitas amplitudo confido demoror admoneo terga urbs cuius vox civitas. Causa cena deporto traho. Thymum textilis admoveo alioqui conqueror appono cinis officiis. Ullus deripio celo conitor nemo doloremque. Tamdiu nesciunt pauper ab defaeco vulnero. Perferendis xiphias asporto avaritia delego demitto.

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