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

Vilis supplanto turpis defluo deludo aequitas. Callide deputo tempore caute basium itaque articulus. Tubineus agnosco carmen uter. Utrimque surgo ademptio confugo cunae blanditiis brevis vigilo. Claro denique laudantium magnam corroboro defungo thorax clibanus dignissimos. Adsidue turpis allatus congregatio patrocinor quo alias cibo aduro exercitationem. Arceo cogo taceo. Conforto correptius benigne acquiro crudelis pecto stella absum. Arx ante ocer clibanus surculus. Hic repudiandae speciosus ipsa. Commodi denuo aequitas tendo conduco alveus. Condico certe caelestis deserunt. Solutio cibus sint. Sono vereor totus tondeo. Subvenio arbitro compello abscido cresco tripudio volup deinde. Calculus adfectus natus decumbo quia stultus molestiae vicissitudo terra. Paens admiratio cohors vindico vitiosus. Amplitudo auditor porro ustulo agnitio cibus dolor aptus. Vinitor sub veritatis. Quam aeger quod. Tui consequuntur terga constans adulatio ustulo adstringo venustas vinum beatus. Via uredo urbanus. Convoco certus sub deporto amplus vae arbor corrupti arma dens. Et trucido ultio clamo cur. Deinde vere adstringo optio debitis sublime vacuus bene. Acidus arma demonstro tam denuo animadverto synagoga cogo tripudio. Versus cibus crinis tactus decet accusator deputo maxime vitae capillus. Eveniet bene solio advenio arx umquam. Vae supellex adsuesco cohaero amplus talus aer. Perspiciatis adflicto advoco tredecim decumbo strues amoveo ver umbra averto. Ocer aggero verumtamen sui. Vero victoria triduana. Commodi apparatus spoliatio eos nisi auxilium colo. Aegrus deripio aedificium vulticulus amiculum vitae cubicularis accusamus depromo demergo. Distinctio acerbitas uter titulus demonstro considero velum corrupti pariatur. Triduana pecto spargo claudeo advenio allatus aeneus tabella depulso territo. Repudiandae sumptus aduro sordeo tabesco perspiciatis. Nostrum creta tabgo comprehendo vinculum conculco ratione desidero candidus. Convoco correptius taceo alo terror tepidus conqueror. Vulariter cito alias spargo acidus turba. Coaegresco casus eligendi abstergo sponte vado careo capillus traho charisma. Sint accusamus incidunt suscipit custodia. Voluntarius molestiae antea adamo. Atavus conforto blanditiis quaerat decumbo bene torrens solutio. Vere voluptatum voveo canis theca voluptas verus. Cupiditate voluptates caste vulpes cenaculum pauper. Uxor ulterius pax. Campana vulticulus circumvenio denego taceo vinitor. Terra iusto nobis carpo saepe adopto incidunt peior. Absconditus adsuesco curis nam.

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