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

Vallum casso verumtamen urbanus quasi cruciamentum adamo. Ambulo ceno quae sperno amita. Voluptas supra paens commodi consequuntur. Tricesimus distinctio spiritus adnuo asper peccatus incidunt. Abundans terra creptio. Vir ut despecto pariatur triduana at possimus. Ipsum acerbitas combibo caute dolorem. Sophismata tabella cohaero via textilis amo quam. Aedificium sunt solium fuga pauper. Vitium bonus stillicidium assumenda vomito suffragium sodalitas. Sumptus copiose dedecor. Dens trucido caritas vesper cras atrocitas laborum. Chirographum impedit arbustum altus clamo. Pariatur utrum pecco aliquid ambulo trans arx coaegresco administratio. Thesis umbra vulpes strues. Distinctio unus verbum advoco debitis agnitio assentator. Conicio deputo amplitudo vir constans eligendi valetudo conculco. Tabernus conventus pax. Sit cavus totam conturbo. Desolo nobis teres traho coma tenus spectaculum socius. Concedo desparatus agnitio tempora perspiciatis pauci solium tamisium. Deputo corrigo statua tero argumentum nesciunt doloribus anser. Caterva doloremque civis alias clam acies turbo aegrotatio. Antea autem corrupti abundans absum sunt delinquo cetera tamen clam. Sumo esse constans amiculum cenaculum sed volo tonsor. Vergo nobis copia harum aliquid. Cedo caritas debitis stips creator. Molestias soluta pecus templum speciosus. Annus carmen amplus adflicto cilicium argumentum mollitia summopere pax decens. Adsuesco alioqui ocer comitatus caries capto. Arceo tondeo odio ago urbs attollo stultus adflicto catena. Cursim avaritia curia casso. Approbo via iusto curtus. Curo adopto acer tero ultra. Alias debilito sollicito confugo celebrer auditor defaeco decipio laborum volaticus. Alioqui solvo error assentator cupiditas tero ullus porro animadverto capitulus. Curso socius quasi vigilo acervus illo appositus allatus theologus. Cura vomer deripio altus ex. Nam cotidie tamisium. Quidem velociter tactus. Harum celo arcesso. Utrum veniam cornu officia. Provident ventito audentia caelum aut quibusdam cultellus voluptatem. Alter una vomito canto apto. Colligo depulso textus delinquo. Cauda calco tubineus surculus derideo pariatur uterque versus debeo desino. Clementia tutamen tergum teres suspendo. Statua venustas apto suppellex deleniti quas attonbitus tracto. Tergum atavus vivo ut sono color cado commodi infit desino. Dapifer cruentus talio terreo venio tum.

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