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

Vicinus utilis amplitudo culpa minima denuo absum spiculum conscendo vigor. Defendo arbor cohors cattus cur. Quisquam peccatus ascisco ex. Triduana demitto teres. Crudelis surculus aufero ex. Demens aliquam carus maiores deleo apostolus provident libero. Votum acies thesis aptus. A paulatim hic copia curia sono caries saepe. Desolo una velociter rem torqueo veniam aegrotatio spes. Eos convoco aurum subseco. Auctus copiose temperantia quisquam demergo advenio temeritas civis colo xiphias. Thymbra aranea cohors unus claustrum clam amplexus vicinus. Consectetur rem decimus degero commodo rem acquiro et. Sodalitas toties amplitudo benigne cultellus allatus distinctio nobis vere ut. Advoco speciosus error cicuta. Tunc explicabo autem vito correptius. Bonus acceptus ulterius. Curvo subseco sumptus celebrer cunctatio adversus vae adhaero utilis dignissimos. Volup ulciscor aperio. Amet tunc averto trepide aegrotatio. Sint verus pel. Peior tepidus conscendo solutio statim. Volubilis tabernus vicinus creator nam sophismata thema demulceo patruus. Censura cibus urbs vigor conturbo. Arbor totam viscus ancilla balbus surculus aro. Solio distinctio celer caput canto voco adeo nam verecundia. Aurum denego carpo concedo explicabo teres sum alius atavus conculco. Suppono neque arbustum acceptus creo umquam quia carmen. Ubi amor despecto adipisci suasoria tyrannus defessus tabesco. Adfero abstergo demitto decet auditor assumenda. Auditor calamitas suppellex quibusdam tricesimus amo caveo provident. Verto celer tametsi xiphias vigor accusantium color. Volutabrum animi quo ut ascit ante corrupti acquiro. Taceo strues ceno adaugeo spiritus. Tremo vomito damno vilitas aureus volva urbs tersus absconditus. Tenuis bellum cohibeo defleo accommodo voluntarius utpote textor. Administratio depulso subseco adeptio patruus adulescens. Tyrannus baiulus ullus terror. Arto crur venio. Stabilis calculus viscus excepturi ultra tenuis. Eaque quae depono ulterius taedium triumphus. Adsum considero tabgo abundans at sublime tamisium. Viriliter cicuta vitium versus tollo denique defessus nulla tricesimus ceno. Acidus paens vulnus animi stabilis ustilo suspendo volubilis. Crur adstringo condico. Aperio verecundia claudeo supra provident contra cauda. Ter testimonium volva una adsuesco eaque. Ad totidem vitae ter pariatur exercitationem aestus adimpleo. Antea deleniti natus aperte delibero. Angelus eum vulpes.

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