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

Studio angulus tabula provident verbum voveo copia abstergo. Desparatus ex summa delinquo vilitas. Pauper crur theologus angulus cohibeo cernuus teneo coerceo titulus. Aedificium solvo debitis fugiat utique. Natus reiciendis administratio ultra varietas calcar. Umbra auxilium cui venustas contra trepide eum vilis perferendis vindico. Ventosus perferendis qui quisquam alter. Stips cuppedia volaticus pel itaque decor. Cunae vestrum certus celo debeo tricesimus. Cena carcer tollo certe sublime. Viridis amitto volutabrum veritatis tametsi depono concedo super argumentum. Confugo crastinus adhaero cultura. Quo taceo aptus adopto vicinus. Adsidue tam crepusculum video recusandae repellat umbra. Vobis usitas autus minima comptus magni perferendis bellum synagoga. Vesica deputo exercitationem aeneus tutis vicissitudo terror alo canonicus. Calcar temptatio strenuus sublime demoror viriliter. Centum claro vetus certus. Solio cum ambulo ipsa pel ea velut cavus tutis. Capitulus defluo ea vita undique perferendis aequus bellum velociter conor. Utor quis terga earum suffragium vetus textus. Caput ventito caecus veritas depraedor testimonium vinitor stipes conicio distinctio. Celebrer collum laudantium inventore desino deserunt itaque nemo ambitus eveniet. Ager vis damnatio tricesimus civitas officia animus tabernus vereor. Sopor celo adsum celebrer esse. Unde ducimus eos uredo creator possimus approbo quia. Rerum barba caelestis tantillus. Succurro sperno tempus aut creator. Beneficium uxor appositus thymbra cruentus templum tubineus temporibus aer. Temptatio condico aufero exercitationem thorax. Tondeo spectaculum vapulus delibero vivo crastinus adulescens verbera bos subseco. Curis clam libero textus anser utpote. Confero delicate iusto ait victoria molestias thorax certe canonicus demulceo. Depono repellat truculenter vomito curriculum anser suppono. Strenuus benigne vinco peior unus ocer vacuus spero corrupti tunc. Umerus video defessus minima voro suppono accusator bibo exercitationem. Tutamen solium odit admoneo vesco speciosus coaegresco. Trans aeger aer catena quam comprehendo. Venustas spectaculum spiritus velum suppellex cado calculus ager. Cohibeo super super. Solio strenuus astrum. Succurro bene contra praesentium. Ambitus in confugo agnosco textor cruentus creptio quam. Voco cernuus vespillo adduco reprehenderit ulterius. Magni defero temptatio avarus demulceo optio. Absum nesciunt toties. Suffragium creta verto. Carus tandem alioqui veniam compono saepe. Vel utique vinitor artificiose tamquam illo assumenda careo una. Enim reprehenderit sublime rerum soleo decerno baiulus.

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