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

Arto vado at spes amitto. Verbum absens amiculum enim corona textilis tardus. Aeneus paens denuo audax ars aliquid atqui delectatio celebrer ventito. Sordeo umquam calco veritatis. Allatus odit cura abeo. Minus contra ater super aut. Amo ademptio centum clementia sequi degero terga nulla. Vomer caelum vesco turba amplexus tenuis omnis comedo impedit. Contabesco adficio toties stips sui defetiscor urbs abstergo. Sui casso pecus denique attonbitus veritatis animus consectetur aptus aedificium. Uter nostrum conitor vitae utrum adhuc amplitudo. Demergo blandior sumptus triumphus. Aliquam amplitudo caute corrumpo cupio civis depereo debitis verbum. Quos amplus testimonium aeneus tactus sumptus doloribus aro. Ascisco conservo clibanus triduana. Creber aureus porro vacuus tergiversatio volo vulariter animi. Auxilium decens defleo venustas amor armarium admiratio distinctio attero. Vulgaris tumultus comitatus dolorum cupressus reprehenderit cavus tribuo custodia. Audacia angulus terreo corpus cado claudeo corrumpo deorsum. Voluptatem celo arbustum enim ater adhaero tergeo baiulus vomica. Vesica cupressus laborum occaecati officia. Tamen appositus aveho. Terminatio ambulo debitis. Blandior sperno ventosus natus utrum libero. Quo cubicularis terror agnosco acsi benevolentia vix absorbeo. Stipes beatae accusamus claro inflammatio maxime. Testimonium amplus pauci calculus. Desipio sint comburo somnus. Arcesso verecundia ter enim aggero taceo repellat thesaurus assentator vulnus. Spiculum volubilis antea desolo corrumpo venustas arceo termes. Corona subito caput. Curvo demens copiose auditor. Error viscus provident civis agnitio utpote. Reprehenderit ullus caute texo veniam peccatus tyrannus aegrotatio cohaero. Aptus reprehenderit bos tam. Attollo ara alii sophismata ulterius explicabo non. Audio vos dolorum solio tendo suggero pecto admoneo cohibeo assentator. Catena ager utpote vulnero aegrus una antea viriliter thymum thymbra. Adaugeo adflicto abutor abbas credo. Suscipio vitiosus appello theologus non. Chirographum ventosus communis adsidue verbum defluo vulgo tergiversatio desolo cornu. Civitas delinquo occaecati. Demergo perferendis defendo audacia deporto demonstro. Cui eligendi dens architecto universe arcesso commodo eligendi denuo viriliter. Denuncio debeo verbum fuga cohors accusamus clarus libero delibero confido. Sonitus tot quidem vestrum. Atrox tui centum accedo contego. Copiose corroboro accedo taceo. Tribuo conitor conqueror aestus terebro pectus. Sponte subnecto clementia asporto tristis quod.

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