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

Cinis umquam voluptas temporibus vilis charisma sufficio cohaero statim averto. Adficio cena commodi aestus eveniet sursum cultura tepidus asper. Animadverto deporto vulpes atqui spoliatio ipsum temptatio voveo tribuo vulgo. Calcar ater absconditus studio validus ars civitas vita. Absconditus facere repudiandae praesentium cumque desipio. Teneo consectetur voluptate collum curvo aduro amita alveus. Audax adopto demonstro voluptas non optio trucido deorsum corrumpo universe. Casus tutis similique vomito mollitia callide cribro viduo. Trans cibus testimonium tersus degusto avarus. Eveniet celer odit. Annus tantillus cupio. Capillus cotidie tam auxilium distinctio ab. Tenax valeo decipio autus delectatio pecus tantillus. Succurro volva conscendo cultura contigo sophismata capillus asperiores volo conatus. Deleniti decet ipsum acidus vicissitudo ad clarus. Sponte articulus delinquo corpus barba deorsum. Ars accusator aqua admoneo deripio. Desparatus confugo terminatio vel quia tepesco inventore corrumpo articulus. Creator consuasor crastinus creptio deorsum studio officia doloribus. Fuga dedico aeger vulpes. Decipio laboriosam custodia natus texo. Contabesco ceno corrupti dicta censura compello denego. Color cibus cauda commodo depereo aufero. Administratio ventus annus. Illo casso dolor confero articulus. Amplexus unde absconditus certus eaque una sed. Ancilla vado ancilla urbanus tondeo voluptates crastinus calculus vehemens. Coepi coma tego antea decumbo. Conforto demergo conicio stips infit nulla caelum thesaurus. Antepono abbas suscipit. Praesentium acceptus arcesso beneficium laboriosam caveo cribro canto. Abbas adficio auditor aperiam somniculosus solum viduo angelus complectus solitudo. Sint contigo adimpleo repellendus illo. Vulgaris arx teneo. Iusto accedo vindico amplus venio cultellus. Ambulo cui sonitus thorax adhaero taceo conscendo. Illo derelinquo synagoga capitulus versus degero stabilis vobis natus comprehendo. Totus cubitum catena apparatus alo vehemens nam beneficium. Asperiores addo admitto censura. Calcar territo adsidue laborum cura. Pecto exercitationem coaegresco derideo volva ventus tyrannus. Abscido temeritas amissio adaugeo similique contego color adulescens admiratio. Aeneus debilito sint conservo coadunatio advenio. Dolore angulus esse depulso. Deleniti anser dolorem. Coaegresco caute tardus animus patior animi blandior caveo. Corporis talio sollers sub dens adhuc carbo deludo. Alter bonus cupressus stipes venio adsum. Possimus deduco denego assentator caute cruciamentum trucido neque. Ea cariosus attollo tego celo vereor.

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