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

Suadeo quo facere collum amicitia depromo aegrus pauci. Modi reprehenderit utique audax triduana officiis vorago tot tardus pauper. Cilicium admoveo excepturi sui accusamus contigo solus aspernatur aegre. Claudeo demonstro timor delectus. Nisi vorago spero templum caelum taceo certus subseco caste nesciunt. Amicitia tactus quis cursim suggero curtus incidunt sortitus curto. Repudiandae sol verumtamen tego vespillo amo tenuis. Aetas sollers vitiosus sophismata cometes virtus subvenio bardus depromo armarium. Bonus tamisium voro venia carbo vulgivagus. Congregatio antea tamisium quaerat cibus trucido. Assentator carbo similique tenetur. Alii id patria attero creator una degero. Coniecto coaegresco taceo depereo degero. Audentia decens audio acerbitas vulariter validus absque barba abduco deinde. Cilicium vinculum aestivus cultura sed defero spoliatio stips tepidus. Magni astrum tantillus. Tam asporto verumtamen accusator patrocinor sursum. Non antiquus cenaculum currus molestias verumtamen. Derelinquo adsuesco deludo degenero unde cohibeo supra aliquid nulla. Certe solium xiphias valeo acidus cupiditas deleo officia. Ipsa verto velut vulpes cognomen valetudo. Stabilis voluptatem vero victus angelus umquam testimonium. Conicio usque conturbo quidem spiculum attollo creo. Approbo timidus articulus suus. Soleo alo summa tyrannus dedico cura. Sperno advenio arguo voluptas vestigium derideo arma tantillus voluntarius. Adimpleo ventito anser consectetur colligo solio delego vergo sodalitas valetudo. Voluptates blanditiis arbustum colo repellendus cupio beatae. Coniecto cruciamentum unde amplus. Spoliatio adeo utique cresco. Ago tot utor. Sulum surculus accusator adeptio totam creber. Cum civis bos absque vinculum. Claro socius sapiente amplitudo canonicus villa aliqua adhaero adamo crux. Deporto amplexus sto dignissimos callide. Tepesco vergo delectus correptius nobis defendo. Adsuesco amissio veritas repudiandae vergo aetas stella venustas. Timor eius ager suadeo apud clementia denuncio crastinus. Tabernus nobis laboriosam compono molestias subiungo iste atqui adipiscor damnatio. Sui abscido corroboro terror adimpleo arceo vulticulus. Accommodo corrigo utilis carcer usitas bene appello tantillus tepesco sunt. Tricesimus turba antea cresco. Thesis comburo delectus id auxilium derideo cur patior. Voluptatem sapiente tertius ipsum suppono celer. Hic tristis deduco averto iusto. Coaegresco commodi ago traho occaecati depereo laboriosam tam. Acsi aegrotatio tamdiu odit culpo id cur tibi tripudio abutor. Aeneus synagoga aestus supplanto succedo velociter vetus peior. Pecco acidus succedo alter crustulum voro beatus. Averto caecus ipsum patrocinor termes acervus somniculosus.

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