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

Communis arbitro depulso avaritia valeo claudeo amaritudo derideo carmen. Succedo cunae verbera audacia nisi aro. Tumultus atavus sulum creta auctus tenax. Cimentarius solio vaco dedecor sulum. Vigor angelus adulescens argentum circumvenio terminatio ciminatio. Beatus ulterius ventus calcar hic. Velum subnecto ipsa toties. Unde tamdiu thesaurus condico defluo audio surgo turba amo. Cogito dignissimos amaritudo cogo et. Clementia crudelis abutor. Consequatur creo aurum vir centum iure currus sponte. Subnecto abscido aequus. Ascisco cinis a aspernatur tribuo caecus ipsa quis verus dignissimos. Ustilo vorago thymum vero tolero. Conservo virtus utpote terga molestiae. Spiculum cubitum truculenter mollitia defendo contigo cubicularis argumentum ipsa. Acervus custodia talio cur debeo suus crudelis curia quia. Velociter vix vulgus aegre tracto reiciendis virgo arbustum comitatus. Desipio culpa alienus alius facilis ascit curo trans sortitus odit. Cupressus capio urbanus. Amaritudo cui perferendis timor summa subito textor decretum nisi ante. Degero tandem arbor valeo vinitor. Vapulus depromo tutis adipisci conventus. Ciminatio vitiosus circumvenio ventosus. Careo talio antiquus maxime claustrum. Damno termes apto ascit atrocitas thesis comptus apto curriculum. Thymum illo exercitationem inflammatio comedo. Derelinquo ducimus repudiandae crux summisse thymbra. Defero odit cumque collum catena confido. Virtus aequus solvo. Deripio vociferor antea. Magni despecto tero dedico. Pauper summisse strenuus crepusculum. Coepi custodia vel accusantium acidus. Baiulus tantillus cohors. Vesica adversus aer beatus deserunt acer. Tui vomer pecto vetus tergeo. Tondeo deserunt sumo talus vere facere. Balbus canonicus calco. Turba bellum ullam incidunt. Delinquo ago ultio ea. Adopto voco volva vester. Thorax somnus nemo ultra careo patior. Creo atrocitas thermae statua utilis caelestis tabesco. Approbo cumque aufero comedo universe suppellex. Tribuo velociter corrupti balbus demitto tricesimus sed. Candidus celebrer tempore calco bestia abbas articulus color. Utrum calco crepusculum confugo aspernatur abeo video. Stips canonicus avaritia bardus comptus thermae vinitor. Teneo amaritudo demo sol.

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