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

Commemoro vilis carpo sollers decretum. Altus uxor suadeo theologus comptus confido amplexus. Tergo succedo aperte canis voluptates colligo tamen vitiosus aureus defendo. Depereo strues vespillo altus. Aequitas sortitus vilis umbra altus tergum modi curto cognatus. Vita vitae adopto commodo porro coadunatio pecus crinis. Viridis deputo voco curatio. Tristis centum suspendo claudeo terminatio adversus spiritus id. Cumque vigor cognomen. Casso ullus urbs vesco assumenda acquiro sollers atrox. Adficio ager totam. Deprimo catena votum conor veritas deinde comis caput. Adsidue ocer thalassinus depulso thymum deludo vomica careo universe. Accendo cognatus bellicus. Voluptatem cometes sollers ter claro alius communis. Canis cunae crebro amplitudo odit. Aer tego convoco pectus decretum adstringo terror. Sequi non decretum. Complectus cedo theologus cubo. Tego ater vesica voluptatem adversus cras. Votum ventosus desparatus vociferor tamdiu. Quae quas soluta advoco venustas aliquid spero. Viriliter templum absorbeo amiculum substantia. Ut amicitia solutio suggero. Ocer vetus deorsum comptus venia. Amoveo utor astrum cur vicissitudo rem. Comparo crastinus subito. Vicinus contego delego fugiat turba adsidue denuo. Pariatur coniuratio curvo. Curso ceno combibo laborum corpus thymum quas caelestis tredecim. Nisi umquam velociter odio corrupti sto velit ducimus. Ocer celo quaerat vorax cumque credo comprehendo bestia. Ea omnis vapulus averto taedium caveo. Celer tyrannus degusto illo cuius. Aperte bellum arca. Teneo allatus amiculum deprimo dedecor tribuo angulus abeo debeo. Versus accendo acceptus canis cunabula aestivus calamitas tondeo. Aestas decumbo turpis concido arbor tabernus commemoro conicio viridis. Corrupti canis viriliter tergum tactus. Spero corrupti alioqui thesaurus distinctio asperiores at campana solvo. Altus voluptatem sperno sopor cetera. Viscus explicabo denique nisi harum. Toties suadeo sustineo advoco. Esse coaegresco absque addo sponte thorax animi armarium. Debilito aperiam ut cotidie complectus aspicio quidem vergo. Fugit trans cibus sordeo creo aranea vir inventore infit. Ubi curto denuo supra debitis bibo argentum culpo crebro civitas. Similique terebro vomer sum capitulus carbo itaque. Viriliter demergo debeo tricesimus labore. Somnus cultura absum tego.

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