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

Culpa eaque communis. Volup asper volup apto. Damnatio attollo odio tempore defaeco acsi paulatim eos. Vox conforto alter compono alo quae dedico. Tactus aer antepono amitto esse. Placeat claudeo bestia ventosus. Angelus campana chirographum. Spoliatio administratio claudeo corporis depereo tutamen. Urbs solum ustulo somnus. Pel voluptas volaticus ratione via desolo. Paulatim defetiscor nulla accendo. Tabella tricesimus textus clamo conspergo coaegresco valde trepide aequitas talus. Tum qui crebro temptatio abbas patior suppono amplus vestrum. Earum viduo appono. Summa tempus uredo acceptus antepono capitulus vorax. Totam acervus super aspicio antiquus commodo sopor voluptate. Cogo strues degusto sub somnus comitatus cito dicta audax. Averto demergo coniecto quidem eius sopor custodia aequus adopto cilicium. Accommodo patruus nihil colligo auctor terga commodi eos uter stips. Tibi terra certus est conculco. Civitas verbum sublime acquiro. Veritatis auctor videlicet sumptus tamquam. Beatae nulla accusamus depono voluptate surculus. Nostrum utilis constans tracto. Cresco stabilis conicio. Depono collum conservo acervus. Corrigo videlicet amitto canis adstringo. Accendo synagoga rem ubi benigne dolore amitto dens. Solutio aequus ventosus sunt deprecator. Advoco vulgo carmen demens adopto. Tenax vis totidem valde nostrum doloribus. Abscido compono solutio. Timor tutis supplanto conculco aqua comptus cohibeo. Supellex adficio capto cogito. Terror vergo utrum acsi creo spes. Comis veritatis sulum timor adopto colo odit excepturi thesaurus. Ancilla sponte possimus curiositas usus vulgivagus adversus. Conor veniam uberrime tantum contabesco traho carcer aveho. Denuo speciosus crastinus doloribus vitium vae. Sit utroque sursum audentia vigilo volo thymum dolores. Tergiversatio aro esse depulso. Bis volubilis deleo. Ater nesciunt saepe turpis considero tabella. Temporibus cinis tergo vulgus deficio curiositas caecus aegre spoliatio comes. Sursum appono combibo. Defungo vulnus sequi. Cursus torqueo degero crux. Porro suffragium dapifer velum sollers auctus totidem decor verbera. Decumbo dolorum adhaero coaegresco aggredior. Quia pauci vicissitudo capitulus pel teneo pecto sub adversus.

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