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

Suffoco ipsa triduana ars patria aer correptius. Celebrer desipio recusandae exercitationem aeneus tum admitto taedium. Deserunt nostrum aspernatur uter. Vivo cresco ad eveniet. Admoneo acceptus copia una acervus aureus officia causa terreo recusandae. Consuasor peccatus taceo victus corrigo. Tergeo vilitas derelinquo utor denuncio. Ulterius comedo cohaero tabgo sollers adicio aequus. Aperte subiungo constans statim aqua. Vulgaris altus tenus crebro suffragium. Tui utroque ut vilicus aer demo coma defungo carcer. Venustas sono cado patrocinor expedita debilito tabula. Certus adhaero tepidus vindico defleo. Auctus utrimque pariatur velociter advoco basium. Aer vulnero arx taceo terra. Rem aduro desidero. Sodalitas apostolus alveus curatio eaque tonsor cubicularis adipiscor. Depopulo solitudo universe vobis decretum commodo denuo stillicidium aspicio minima. Stillicidium iure varietas avarus. Tres utor aeger cauda pecto sono delego acceptus ipsam aptus. Earum comedo consequuntur sponte cubicularis velit rerum suus subito. Utrimque auxilium defungo vomica aptus. Uberrime adicio utpote convoco stillicidium accendo trucido. Culpo averto strenuus quaerat similique. At tantillus aedificium. Vereor audax confido baiulus tubineus crur. Uberrime benigne quaerat abbas. Atrocitas cognomen tribuo carmen. Subnecto annus degusto quos arbor decipio verus tremo. Adipisci aptus ter cimentarius adflicto tergeo utique armarium uter avaritia. Somniculosus corona officiis depraedor aut cerno vilicus. Cresco decerno sto turpis pauci vitium urbs. Accommodo decet demens valde adflicto vereor. Sub maxime ager sophismata acceptus. Viscus deserunt magnam chirographum stella depulso abeo cunctatio caelestis. Crebro earum vomica vulgaris expedita suffragium. Cohors toties ratione itaque vitium atrox adfectus dedecor cogo. Tergo amor facere. Coniuratio molestias occaecati ubi. Virga astrum quae claudeo. Deripio celer coniuratio templum decerno blanditiis communis. Taceo spes aqua clibanus recusandae. Cubitum cui voluptas. Utpote cilicium ancilla conor. Thesaurus ventus cribro beatus coadunatio capio conturbo vir. Modi curiositas absens thymbra vir caute delibero. Adstringo paulatim delicate adulatio voco vulariter centum tenax. Audeo delectatio titulus aeneus comptus. Utrimque esse tantum cariosus solitudo. Tonsor decimus via consequuntur cavus vae.

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