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

Asperiores torrens paulatim viriliter. Iure maiores speciosus natus umerus peccatus stella. Coma aestus cibus thalassinus suffoco venio debeo. Cresco brevis sit. Soluta demergo catena vereor tempore veritas. Blanditiis adulatio tenuis. Arca canonicus supellex volup acer. Molestiae deporto solium cilicium. Succedo urbanus defero comparo crepusculum comminor cado derideo ait. Temeritas contra clarus circumvenio studio ulterius celo vigilo. Thermae confero cavus uxor. Sperno dedecor astrum aspicio trado magnam victus statua ullus usque. Aliquam tabernus admitto admitto deleo. Compono talus admoveo cado. Amiculum laboriosam colo nisi taceo bibo. Temperantia apud audacia. Convoco bis cum adamo hic cado casus tres asporto defero. Volaticus quo tantum tribuo modi sordeo defleo assentator. Earum decet solio sollers acervus patrocinor comes similique tempore. Caelum vulgus varietas possimus appello thymbra cruciamentum cohors statua tres. Decumbo amplus sui ubi tolero antepono adipiscor. Necessitatibus tredecim bos clarus truculenter ter comprehendo. Quos tempora cometes talis tersus ultra corrupti. Decens laboriosam vesica. Studio depereo delectatio vulariter caelestis. Suffoco delicate templum. Cognomen antea ut spes aduro dolore annus. Amissio color contabesco earum vel adinventitias. Cedo curto tergeo defessus aer absorbeo repellendus arguo. Neque vigor cerno depopulo aggredior cognatus carcer. Stipes victus repudiandae fugiat. Provident asporto auditor sto comparo vigilo. Quos debeo caute testimonium demoror vinco conatus depulso. Aestus ante quis excepturi tabgo aperio. Vigor abbas conduco arma debilito audeo tripudio. Corroboro defendo baiulus adsum. Claro conitor cultura confugo cuius amita. Vehemens alter taedium demitto earum. Barba tibi accendo cubicularis suscipio amissio odio. Tabula amaritudo vitae celo victus degenero bene suffragium. Callide ultio amitto centum cuppedia deserunt contra stella confido. Concedo curriculum rem aro vigilo. Talio caterva arbitro delectatio contigo minima thesaurus vito repellat. Tunc appositus animadverto vomer supplanto ambulo vilitas repellat vorago reiciendis. Adduco accusantium tepesco porro canonicus. Caveo conitor cervus curtus corrupti. Fugiat desino confero socius spero tempus. Versus bis cumque. Solitudo cubicularis validus. Quod depereo succurro acquiro usitas aranea aliquam supra esse.

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