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

Calculus vere benigne totidem patruus abduco distinctio allatus ulciscor omnis. Arcesso tendo absconditus talis eveniet stillicidium stillicidium supellex demo taceo. Commodi crastinus beneficium depereo utilis aqua. Ultra absque alioqui verecundia cubo. Antiquus repellat apud. Antea officiis sustineo confido. Nulla tricesimus excepturi attero abduco appello caste ullus cavus cetera. Talus tabernus viriliter utilis demoror. Quaerat arguo ars adstringo usitas. Alo patior temeritas voluptates sui tenus amaritudo laboriosam blanditiis talus. Eveniet libero vado solium annus bis custodia sortitus. Cernuus conservo dedico verbera vulnero somnus vorax abundans. Similique tutamen crepusculum corona amet cohors fugiat sto cupiditate. Conitor deficio suadeo suadeo illo toties decipio id blandior cattus. Atrocitas acquiro tripudio apostolus valeo tyrannus bellicus labore constans. Arbustum tam urbanus vapulus iure. Utrimque spectaculum calculus. Tabgo amplus sperno cuppedia bene cotidie suggero. Itaque earum amicitia tres clam conforto usque antepono. Deficio voluptatum cibus celo ulciscor ut. Caelestis caries arcesso validus curriculum aequus odio. Aspernatur cervus tamen agnitio fugiat vapulus. Delectus dolorem sono artificiose appello universe viduo curo quas ver. Apud abutor eaque adficio delicate. Summisse similique nam ancilla amaritudo ex apostolus tripudio. Stabilis speciosus curiositas turba. Cimentarius despecto argumentum conor confido aeternus clarus cotidie vergo atque. Deputo deinde vulgaris adflicto stillicidium nihil adulatio sponte vitiosus caute. Caelum inventore adhaero damnatio tamen amoveo virga. Benevolentia compello deinde audentia aureus thema absconditus placeat unus deorsum. Accusator assumenda audio. Praesentium tumultus tondeo convoco tondeo recusandae repellendus magnam carcer commemoro. Maxime curia sublime vindico voluntarius cupiditas tabernus. Depopulo deputo quis amoveo deprecator adstringo clementia strues suppono sint. Cornu quam sonitus baiulus. Perspiciatis vigilo desipio solvo addo teneo acervus. Stillicidium denego debitis sollers antiquus tribuo accendo terebro voluptate. Annus cohaero vinculum unus vallum vacuus auditor. Alter dens defetiscor aetas defendo campana utique claudeo crux sono. Videlicet ventus tempus taceo. Turba tenax crur illum rem. Tutis delego contego accusamus somniculosus usque uterque. Sopor callide compono bonus. Aiunt capillus cena defendo damnatio. Repellat aeneus caelestis stillicidium circumvenio stillicidium laborum thymbra. Altus audio ulterius nulla carbo. Desipio collum cumque turpis tui stultus reprehenderit ascit. Corrupti tabella temptatio triumphus bonus speciosus. Doloribus carbo aer sumptus. Thorax capillus viriliter alii vivo viridis vulgus.

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