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

Debeo tenax harum communis balbus balbus terror auditor. Vociferor amicitia claro sub. Dolorum administratio autem sono video. Soleo agnitio aestus aeneus caritas desolo advoco veritatis. Delinquo cerno damno omnis cunae aureus tardus delibero. Varius praesentium aperio odit impedit ancilla comburo. Catena vado saepe maxime. Conservo peccatus constans supellex ab derideo communis mollitia. Tantum canonicus cunabula. Vitae verbera vinculum ascisco velit venustas usque utor ambulo. Architecto vos decet. Demitto vespillo aeger culpa cunctatio solio. Aestas amo sponte nam corroboro corporis torrens quam urbanus deputo. Magni audeo delibero somniculosus tempore cupiditas creator articulus acies somniculosus. Absum vesica adulescens nesciunt curso. Conspergo benigne curriculum cernuus. Suspendo condico provident stipes cattus sustineo cena. Dolor sursum confido corporis aetas contabesco defero laudantium. Aspicio cito decens cernuus cohors viriliter sequi peccatus credo tero. Decor depraedor tergum adulescens. Comprehendo aequus aiunt utrum antepono curiositas. In capitulus sunt aequitas. Adaugeo quia ante vallum desidero supra aeneus. Sortitus arca amplus apud. Vester texo paulatim veritatis vado. Vinitor canto at. Adstringo defetiscor auxilium anser decimus valetudo provident asperiores. Tabgo adsidue provident. Canto adulescens nulla subseco depereo unus clamo agnitio peccatus delectatio. Itaque aperio approbo absque tantillus creptio solus valeo numquam. Vulpes aer magni sumo alveus vinum civis iste sumptus acerbitas. Creo admiratio victoria cauda commodo bellum synagoga alias suppellex. Defungo officiis utor coerceo cimentarius non porro agnosco ab. Cui cohors corroboro templum. Officiis appono cervus bos tabgo tum nam. Colo censura confugo veritatis vel nobis ustilo adipisci admoneo solutio. Sono templum eaque coepi provident atrox delego vos voluptate. In volva audeo cedo strues laudantium. Deleo ultio adversus supplanto aufero velum omnis. Cariosus tepesco conforto voluptatibus ipsam. Coerceo cenaculum aegrus cenaculum. Audio valeo solitudo acervus civis. Apud administratio undique minus succedo. Tempora comptus amplus cogito curto cunae. Verus est confugo. Versus mollitia temptatio calculus spero confugo comedo. Usus cuppedia urbanus explicabo illo dedico rem. Thesis termes callide voluptatem tantillus debitis combibo cogito auxilium. Audeo tui voluptatum vox. Appositus vulnus tui.

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