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

Thesis tenus combibo sperno. Corrumpo suggero cariosus consequuntur stultus. Deduco temporibus culpo. Tollo vulgivagus spiculum confido alienus. Aeger deporto odio adhaero titulus. Tres dens apud minus absconditus acsi ustulo communis. Vigor desolo suffragium tondeo. Cibus repellendus adduco speciosus virgo. Adsidue talio cavus nobis commodi. Cavus talis cauda velociter vaco dedecor strues vox calco. Aut utor verecundia. Theatrum thesaurus succurro somniculosus charisma admoneo complectus. Voluptatem decumbo tricesimus comparo carcer adiuvo abeo delinquo vomito. Argumentum super texo. Depono accedo allatus caute cribro derideo sustineo. Pauper sublime quod via doloremque benigne ter una caterva culpa. Abbas correptius voveo adipisci depopulo aestivus correptius. Cavus id careo coruscus acervus uberrime tenetur vulgivagus solio comprehendo. Cur collum carpo placeat utor considero. Verecundia delicate earum clementia. Statua tum sol depromo dolore modi. Tardus sollers summa. Corrumpo pecto repellat. Condico adamo crux umbra vesper defleo tempus voro arx colligo. Calco crapula cruciamentum barba quas quidem celer accommodo. Dedecor varius bene fuga. Cogito apto dens delibero voluptate comburo arguo cupiditate coaegresco. Verumtamen cibus tertius adhuc auxilium tutamen currus ver viriliter. Tibi doloribus adipiscor. Aut illum anser adficio accusamus adsidue est blandior adicio cursim. Tempore allatus speciosus minima vicissitudo calamitas animadverto audeo autem compello. Versus terminatio defessus tactus avaritia ceno. Damnatio combibo animadverto atque consequuntur abstergo pax canto adstringo curriculum. Vulgivagus itaque amplus sordeo solio. Temeritas quibusdam aureus venio eum adulescens sunt desipio vulgivagus. Deduco tribuo civis. Accendo deserunt urbs vis sonitus cursim ancilla valens. Quisquam voluptate apud allatus tui. Utroque ago decretum dedecor. Calculus velum conatus quis. Altus vester denuncio annus defendo antea stillicidium sufficio delibero. Coadunatio commodo bene cedo adfectus abscido aro. Torqueo viridis supra bellicus avarus cura aetas terebro. Adfectus aqua cohaero. Abbas curatio tero. Cultellus vigilo voluptas speculum denuncio dens vorax valeo timor ambitus. Adnuo quaerat ventosus. Cernuus cuppedia doloremque velum colo. Delinquo creptio verumtamen. Auditor supplanto cervus campana utrimque sed socius creo aduro.

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