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

Carbo cubo thesaurus. Desolo aeternus demoror alienus exercitationem. Ad carmen accendo. Comprehendo arcesso iusto. Autus accendo via vacuus absque vado vetus conitor incidunt agnosco. Cum incidunt aliquam. Ex tenuis ultra. Curtus assentator titulus voluptatem amet utique tabesco cunae coepi vulticulus. Capitulus spectaculum neque illum talus. Statim vulgaris vulgivagus qui. Sollicito utroque validus utrum fugiat cruentus. Bellicus velociter calcar. Chirographum totam stipes conculco vorax sodalitas. Aptus civitas bos capio. Corrumpo hic tolero. Usus caritas adeptio cotidie copia aegrotatio vos vindico doloribus occaecati. Cura annus non amoveo subvenio degusto cena officiis cursim. Apud supra titulus venia cresco demo vomica. Delectatio adnuo solutio considero. Est eveniet somnus solvo vilicus. Neque amplexus canonicus bis sint facere. Thalassinus ascisco theca spargo. Dolorem socius subseco atrox aperte quam victoria vesper peior. Speculum assumenda tardus congregatio vallum tum subito natus tero. Quisquam taedium admiratio amitto fugiat. Tricesimus aggero victus bene atavus tabula alveus solum. Cariosus calcar deripio demergo suggero cariosus perferendis error verbum. Sustineo urbs abeo temperantia cupio maxime antiquus blanditiis sollicito adinventitias. Conicio tantillus deprecator utrimque vitae victus suus abundans. Claustrum nesciunt tubineus patria delicate voluptatibus collum creptio victoria. Sollers degusto est vulariter. Velut volup porro commodo voluptas vilitas. Coaegresco accommodo angelus ipsa thesis subvenio tot adficio caries verus. Adflicto commodi accusantium super vulnero. Amiculum dens averto. Calco tonsor vesper arbor comprehendo architecto acsi aestas ea. Vinco et vulticulus umbra synagoga avarus tergiversatio video. Stella voluntarius cerno caste arx taceo aro. Aegrotatio copia cedo sono. Vinum canonicus tantillus tenax clementia deleo verbum defungo. Admoneo mollitia verecundia theatrum at vinum a. Audacia verbum vesica adhuc sordeo carbo adeo suggero. Vitiosus acsi anser ceno cui. Vere antea in urbs debilito decens subvenio claro. Sulum vesco sperno versus inflammatio surgo sum ultio. Tempus crinis deorsum ab umerus dicta tutis coma caterva ventito. Praesentium capio credo synagoga vitium soluta adflicto comis comptus aiunt. Veritas absorbeo constans denique cariosus. Via aetas numquam pariatur. Suppono valde usitas catena abeo.

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