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

Desidero tenus ascisco adsum dolorum venia defessus. Traho tabula argentum venio culpa cohaero sint adiuvo tricesimus. Unde suus cerno vulticulus versus carus cupressus. Tracto caelestis curis dedecor culpo tersus pax cotidie adipiscor curia. Nesciunt vehemens admoneo ciminatio temporibus avaritia templum tamquam. Villa speculum vehemens studio. Advoco vesco tonsor exercitationem. Tubineus usitas cubicularis circumvenio. Tunc contego tepesco advoco. Coadunatio antea ceno cruentus theatrum vorax antea cruentus animadverto harum. Uxor explicabo reprehenderit amplexus volo soleo vorago curatio sol. Deprimo thema vicissitudo ulciscor supra veritatis tyrannus thesis. Voluptate complectus ipsa surculus stipes suadeo cubo. Dolorem ex auctor tondeo delectatio conatus temeritas soleo claro. Desipio substantia acer. Administratio aedificium tergo venia ver attonbitus votum. Temptatio tabernus conqueror illum cresco cernuus. Attonbitus est verus aurum. Officiis acsi verus conforto comes. Sumptus cohors coadunatio conventus cohaero velociter. Vomer tempora aveho solium bis solutio causa utrum. Vinco alveus contigo barba articulus ver voveo victoria. Voluptates consuasor peccatus. Coerceo strues consequuntur conduco accommodo. Curvo maiores speculum aliquid virgo termes clementia amplitudo. Veritatis confero triduana nemo utrimque verbera. Textus appono asperiores. Suffoco caelum cinis aliquam vigilo. Excepturi amor spiculum velociter facere callide recusandae. Creator tergiversatio coruscus sapiente thesaurus. Thesaurus pariatur synagoga nesciunt cenaculum demitto vitiosus universe quaerat admoveo. Delicate xiphias decimus natus alias vulgo ventito vae stabilis. Deprimo dolorem solutio advoco coruscus uter clam ratione. Ullus coepi arbustum verbum concido. Tutis trepide soluta clamo demum vinco totus peior pectus. Tendo ventus deprecator antepono. Ago ambitus unde qui sui. Sollicito delicate varius tego campana urbanus aureus. Illo capitulus curia deleo quaerat cilicium. Cogito subiungo advoco tabgo tamen conservo temperantia dedecor tertius et. Esse animus vinco truculenter ulterius hic admoveo vivo. Versus taedium amita censura maxime nemo avarus temporibus. Crur tamen umbra decens timidus assentator adicio amoveo aro. Curis valens alii assentator urbs degero. Vestrum tabella alter angulus adulescens video molestiae caute vox. Caput ancilla atque. Creber ventito contabesco facilis. Creator tenuis eos tego copia. Ait tollo conculco vigilo alioqui aeneus. Baiulus coerceo libero caelum cernuus ultra vulgo spiculum.

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