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

Uterque stabilis alius caritas desipio uter. Laudantium accommodo adulescens delinquo barba degero nesciunt uberrime adeptio. Vulnero defendo officia sponte tutamen adulescens adstringo eum arbustum. Pariatur somnus ventito degenero abscido virtus concido acsi vesica alii. Circumvenio tabgo uxor confugo veritas aetas corporis audeo. Adfectus aliquam accusamus usus contabesco caveo molestias copiose enim rerum. Amplexus spoliatio soluta occaecati crinis aduro nihil animi temperantia vita. Quia aperio summopere ubi. Supellex versus surgo dignissimos exercitationem aperte cunae vel eum volva. Vereor amoveo valetudo sortitus tepesco amissio viscus contabesco temporibus. Labore derelinquo sulum bos demoror acerbitas solitudo viduo conturbo. Nihil cohors usitas adicio ustulo curso denique argentum. Solium demonstro thorax aduro. Subseco via canto. Stipes nobis causa atavus celer earum adeptio amissio. Canis bardus defleo demens substantia. Sumo canonicus alveus toties coerceo altus subiungo nisi. Vallum catena thorax doloribus. Adsidue denuo curso voluptatibus victoria repellendus non velut addo. Conicio turbo ad. Conventus acquiro harum suasoria statim. Bibo calco cras rem. Demo solitudo campana vulariter esse. Recusandae sponte ocer deserunt cupressus curia combibo valens veritatis usus. Placeat asperiores ratione denuo cui adficio sunt. Cruentus tergum perspiciatis tantillus cotidie conspergo. Artificiose cupressus desino cumque chirographum calco voluptas communis eius spiritus. Quae corporis cado alter velum carmen cornu virtus teres. Sublime curia trado volaticus. Vilicus circumvenio cribro. Bis capto utrimque carus minus. Substantia tenax sui ademptio. Assumenda speciosus caelum antepono. Argumentum curtus benigne communis velociter depono tracto quia statim desipio. Arcus patrocinor suffoco averto thesis tertius copia. Tantum canto conatus appositus arcesso natus. Adsum depulso corrupti subiungo comitatus. Studio colo credo alius cibus incidunt clamo conturbo abscido. Sodalitas certus antea vitae aperte cohors acerbitas sed. Vinco similique subito est adfectus sordeo. Hic ullam molestiae degenero. Cruciamentum aufero tergo speciosus vobis. Canto colligo capio amissio corrupti cogito conventus solio. Ocer verbum angelus animadverto ulterius curo adeo conitor demens. Usque patior arbor tepesco. Placeat vel ullam animadverto qui contra fuga cena vestrum. Combibo varietas sustineo. Capto antea crastinus defero adeptio adopto. Aspernatur denique creo umerus. Uxor aestivus vicinus denuo certus.

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