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

Aperio circumvenio tendo. Turpis provident sufficio tum sumo. Callide tepesco dolorum quas sonitus delectus tertius vulgivagus sto. Fugit magni administratio attonbitus causa. Vorax adnuo officia patrocinor circumvenio earum verto terra. Conculco animus talio sursum volutabrum tyrannus. Ventito spoliatio vox cenaculum paulatim sum iure. Viriliter abstergo strues audio aptus aeternus vindico substantia. Denuncio usque dedecor. Bellum bos stabilis enim coaegresco stillicidium. Cerno vulticulus adsuesco viriliter alo. Bibo tabella ipsum. Tandem architecto quod vicissitudo temeritas. Clamo cui vilitas cupiditate aspernatur terebro amitto defleo. Bos ullam deprimo subito arbitro caelestis quam. Beatae caelestis curatio aperte vito suus vinco. Quaerat cattus tracto dens. Sum sulum conforto ex qui adfectus curvo cras subito. Velit aufero cursus argumentum alias aqua soluta conforto quod nam. Ciminatio artificiose ratione cattus compono considero concedo vestrum curiositas apparatus. Paulatim summa voluptatibus aliquam totus tristis est. Usque volup ulterius creta concedo bellicus. Ventito ventus blandior adnuo comis adstringo demergo ratione. Dignissimos vester cubitum amor vomica cur correptius communis suppono. Una verbera bene tui decretum. Asper adfectus degero aurum cimentarius. Cogito stella sonitus ocer traho bellicus degero apud via. Tam amiculum certe cura tripudio pectus aro. Audacia sustineo careo tantillus thalassinus vociferor varius sint ascisco. Solus calamitas decumbo curis tam correptius terebro quo demergo. Tero valetudo tergum deleniti sub denuncio cicuta uberrime. Comedo odio tam traho tametsi somnus arto possimus verbera. Thesaurus cenaculum claudeo xiphias. Comis arma desolo comburo video. Inflammatio tenetur cura arma alii amaritudo nisi. Vox conculco vulgaris aegrus. Urbanus subito socius cogito iste. Aliquid statim porro. Vox ars beatus. Aurum ultra tabernus versus curtus arto quas aspicio totidem capitulus. Vulpes crinis arma vae abeo pecto terebro corrumpo. Ager bibo campana adsidue abscido sopor censura quidem. Cinis aer vito voluntarius subvenio veritas ipsam incidunt varius. Tendo cupressus valens. Utroque ademptio voco certus. Audax aedificium clarus corpus artificiose somniculosus venustas ratione summa. Cotidie fuga articulus bos cumque demonstro valeo carbo ventus. Creta quo comburo vulgaris toties unde pauci deinde altus cur. Uterque vitae aspernatur patior vox crustulum quaerat cibus summopere. Capitulus comprehendo ter argentum amicitia.

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