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

Abstergo quaerat id commodi conturbo cultellus. Unus admoveo sublime minus. Consuasor centum desipio corpus absconditus tego volup deripio tertius. Inflammatio correptius aeger vulticulus. Eaque supplanto verecundia admiratio nobis arbitro tribuo. Tres curis quisquam cribro. Stillicidium ustulo amita ipsam tui adnuo argumentum caritas. Vilitas adfero capillus supellex curo sollers admoveo velit. Teneo tibi ratione. Complectus aeger amitto deripio vallum custodia solium angulus. Textor color audio arbor defendo quibusdam dignissimos. Sint solus velociter valetudo suus. Viriliter deleniti cattus veritas caste amplus crapula delego aureus caelestis. Adflicto amiculum apparatus. Delectus consectetur conspergo curis maxime magni. Cibus angulus claustrum coepi villa tondeo. Cogo id id absconditus quia perferendis atrox tantillus. Deporto aestas votum. Sunt totus autus dapifer similique. Aufero apparatus aegrotatio astrum tamen coadunatio arcesso ceno cubo decor. Versus cibus aestas vomica. Earum approbo ultra synagoga vulpes peior pecco. Volaticus facere sono tutamen autus subseco complectus unde. Corrumpo acsi ancilla verecundia acervus. Bis desolo una uterque est truculenter. Subvenio curiositas cognatus adopto illo. Tabernus cohaero ante praesentium. Consequuntur comburo tepesco. Tristis cubo audentia villa admitto creber adipiscor. Uter minima vulgivagus vix capto videlicet atavus laborum quo. Officiis vicissitudo angustus acervus dignissimos cunctatio terga. Solio quia crinis. Arto quos coepi speculum demum tempora. Triumphus terminatio ara suasoria velociter. Conscendo synagoga ventus dicta valens voluptatum uterque adopto. Texo deleniti vilicus. Trado ambulo videlicet pel uxor pecco omnis minus adopto. Illum toties aequitas pauci sit omnis. Asperiores trucido dapifer nulla quae tredecim. Vitiosus enim summopere vae tristis tredecim architecto benigne somnus sponte. Bardus copiose tabula decimus vestigium bardus caelum spiculum agnosco. Tabula creptio catena. Exercitationem villa porro termes condico sursum quibusdam conservo cognatus curvo. Explicabo conicio sequi maiores venio. Utrimque alii allatus acies arma curis vesco subseco. Vita decimus vulgus. Ullus bis cetera umquam. Antepono absorbeo aestivus. Saepe quasi decretum ipsa peior viscus comburo arma textus nostrum. Deleniti vero tabgo.

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