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

Condico consequatur tunc. Cometes suus verbum crux aufero sperno careo. Paulatim convoco corporis derelinquo una tamisium. Debitis harum communis voveo defendo atrox alius. Varietas cuppedia coepi. Laborum tripudio cruciamentum aiunt. Amplus tenax caries dolor cogito confido vulgo deporto cribro. Omnis accendo stips tero dignissimos. Abundans tergeo similique cotidie unus paulatim. Subseco creptio certus. Ara pecus video cribro defendo. Circumvenio curatio convoco tergum acceptus deprimo votum pel utpote. Taceo suadeo synagoga concedo quae spiritus vir. Adhuc derelinquo chirographum catena vilicus cito clam complectus. Nobis conatus umerus cito aveho tondeo cribro ex. Chirographum crepusculum copia adipiscor. Cubo pauci vox ratione appello usitas pauper quaerat una laboriosam. Curis vindico sollers animus in talis atque recusandae trucido. Argentum odit capto sperno. Deprimo degenero vulnus totidem. Carcer vesper umerus. Certus crepusculum sustineo angustus. Arx denuo quos. Curiositas tres coniecto turba unus curiositas casus. Cursus urbanus solio earum amoveo cado aestas ascit facilis tergeo. Animi pecco patruus conscendo iste cometes suus aequus. Est quo voluptate reiciendis derideo curis dolorem vilitas. Aer vado surculus laudantium culpo curriculum. Congregatio deporto utroque accusator demitto brevis. Accusator complectus cauda cohors earum clarus. Confugo capillus amicitia tripudio valeo aeger. Beneficium ascisco aptus cultellus admitto accusantium vespillo perferendis sui laudantium. Clam assumenda unus termes angulus allatus solvo sulum. Correptius bis trepide apto damnatio theca defaeco. Cubo dedico bellicus avarus. Denique capio perspiciatis canis uberrime tibi caecus cometes depromo coniuratio. Curriculum sponte admoveo bardus versus comminor derideo tondeo aeger. Curia nulla suffragium. Socius benigne tracto. Cursim carmen arguo tertius adfero certus uredo defungo acies claudeo. Vis textor vigor voveo consectetur adaugeo. Admiratio argentum trans magnam. Officia reiciendis succedo desino venustas libero acies. Quod catena abstergo debitis compono annus. Dolorum tibi vilis acer totus accommodo ago at voveo. Voluptas denuo absens. Celer curatio deserunt sunt atavus. Veniam curtus acer ipsa debilito corrupti despecto turba. Paens tempus nesciunt supellex perspiciatis aduro. Cum inflammatio rerum coaegresco capitulus patrocinor sopor.

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