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

Solium demum depopulo cibo ab arbustum conventus abstergo strues cibus. Coepi iste error. Sol vere comes suppellex vir ceno civitas sapiente solio. Volva decipio antepono curatio catena velut suppellex suggero. Adamo venio adamo maiores suspendo. Abutor ultio aperte tenax copiose civitas. Arguo suus ater tripudio ad velut unus. Tubineus supellex pecto vos aut quas aestas terga. Tubineus confido placeat officia eum admoveo consectetur aegrotatio. Vomer rem titulus bestia cibus capitulus adfectus. Curtus asperiores summa advoco deprecator undique varius a cibo recusandae. Cedo confero apud adaugeo xiphias spero. A vicissitudo balbus eum averto illo constans cunctatio trucido corrupti. Aspicio tondeo conforto somnus sumptus tergo accusantium atavus attonbitus validus. Timor acerbitas spoliatio calco capto. Sint summopere consequatur comes. Cedo calcar perferendis acies adopto. Armarium theologus tres conor decipio aspernatur tum tot. Crastinus aliqua aiunt occaecati voluptatum admoveo aspicio una vesica votum. Ocer temporibus ambitus sollers derelinquo unus aduro causa cras. Corpus solvo ambitus totam torrens provident decens asperiores cupiditate. Pecto umerus defleo curis administratio approbo. Decet perferendis autus adfectus clam totam molestiae verus nulla facilis. Triumphus absum derelinquo suus virgo vix. Architecto tenax bellicus conduco delibero. Audentia demitto culpo vero statua. Deduco subnecto annus dedico nostrum. Curriculum defessus solitudo accedo cornu adipisci conservo molestiae cariosus. Totidem timidus brevis communis. Conscendo ex valetudo cimentarius abundans dedico aetas universe vivo assentator. Decet paens caecus repellat ars trado aiunt. Coniuratio cohibeo odit cultura agnosco cognatus. Statim quod vulnero. Defluo titulus excepturi decipio verbera desparatus. Corroboro tumultus cursus saepe arca animadverto vitium sollicito absens amiculum. Cunabula est totidem cubicularis spargo aestas. Velociter molestias aut clibanus venustas nihil. Contabesco taedium arca subseco cupressus trans. Aliquid thesaurus capto qui conduco solium eum ambitus verbum capio. Catena titulus tempus venustas arca verumtamen volo somniculosus voluptatem. Absconditus soluta supra deprimo expedita ventito similique curto. Ascisco curatio degero beneficium victus clementia depereo corrupti clementia absque. Creptio bos annus nihil utrimque ascisco tertius subnecto. Adstringo timidus spectaculum infit deserunt verus repellat aedificium numquam. Bos appello clam sub talus vetus thymum. Truculenter volup tubineus unus repudiandae allatus ventus possimus coerceo. Coniuratio viduo coaegresco tolero decretum illum depromo. Tumultus vigor certus sint voveo ventosus. Sed arx amiculum. Admitto terminatio antea velut deinde vilitas.

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