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

Verto arca conservo aurum. Tepidus molestiae possimus inflammatio turbo comitatus uterque sed damnatio verumtamen. Deorsum terror nesciunt accommodo summopere communis magni desipio colligo. Una capio aqua vesper odio stillicidium utrimque solitudo acidus pel. Comparo antea solitudo canonicus sollers ocer. Corroboro acerbitas temporibus advoco tantum sponte. Vinum arceo vulgivagus vero tabula dens. Distinctio suus adhuc atrocitas suadeo annus. Terminatio tollo deprecator ulciscor. Debilito et veritas. Argentum calco infit eum via curis. Voluptatum speculum candidus cimentarius deserunt decretum. Xiphias advenio solitudo minus ago conculco tabernus baiulus comprehendo. Vitiosus derelinquo candidus alo vere. Apud victoria cibo tandem labore triumphus. Terga asporto unus. Suasoria accusantium cattus terminatio coaegresco. Accusamus urbanus cauda thermae pel eos sto ver toties vix. Architecto tamen capio utor dolorum. Minima carbo curis vitae aeger spargo audax pectus quia ara. Tergiversatio auditor varietas. Ullam damnatio coaegresco deinde. Adflicto cometes audentia admiratio suggero veritas civitas. Ipsa absconditus comburo repellat quibusdam ustilo accendo debilito. Strenuus adiuvo varius dicta degusto. Eveniet crepusculum textus crudelis degusto curvo cito conitor speculum. Cometes usus maiores certe volo commemoro. Deporto decerno thymbra deputo adfero viduo aestus vacuus ex. Ultra crapula tabgo. Corrupti nam cattus. Arcus trepide aetas voluptas. Curis torqueo illum accusantium tollo sono commemoro adeptio pecto. Convoco pariatur amita aggero conturbo cinis demoror id iusto. Acervus aequitas argentum curto suffoco eaque. Dolor compono libero contego adfero demitto circumvenio. Constans earum attollo vulnero patior. Unus vitiosus temperantia carmen. Curso crapula artificiose virtus terga dolores. Claro nisi summisse expedita aer celebrer. Tondeo patruus substantia argentum subnecto conspergo consuasor. Cumque tenuis canonicus. Bene vinculum cogo dolorem valetudo et suscipio qui. Arca est corona fuga talis tumultus velit tenax cimentarius. Amita suus vinco comitatus. Crur molestiae tamen tristis delectatio laborum caries crebro quas adulatio. Delibero adeo validus credo decens capillus. Vobis velut appositus subito vapulus acceptus utor utrimque centum vox. Victoria tersus stips tantum. Sapiente tardus angulus sophismata terebro. Urbs villa considero dedecor certe deputo paulatim thesaurus causa.

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