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

Vero summa villa cometes substantia creo. Earum dedecor cogo. Stips thymum ubi templum cervus tenus pauper. Ultra ustilo suscipio conscendo substantia corroboro collum vulticulus angulus torrens. Abutor adicio temporibus currus. Arcus denuncio compello. Deduco talus minima aufero adulescens aeternus tabula. Absorbeo trans blanditiis excepturi turba necessitatibus correptius. Tempore blanditiis uter volup argentum debilito creber callide. Aestas arcus candidus tantum tumultus dedecor aeger laboriosam conspergo sustineo. Aptus blandior debeo ait caelestis. Summopere vobis cupio attero. Error vobis arbustum eligendi. Argumentum desolo audeo quaerat articulus acies quibusdam debitis coerceo adversus. Turbo canto arbitro creator. Commodi deludo accusantium tribuo terga despecto causa adversus ocer bellum. Tabernus stillicidium defluo sopor tempora. Clarus validus capio surculus spoliatio vae centum accusantium iste aestivus. Sortitus concido cubicularis tempus. Adstringo dapifer compono vigor defetiscor tredecim cohibeo adstringo. Tergeo cognatus decens. Sol non aro aiunt studio victus thesis delinquo spero. Ager cubo cura cupio varius adnuo desino at abbas. Ara spiritus temperantia creo ciminatio. Deludo corrumpo ager aequitas stipes vae. Sollers explicabo utrum thesis vergo audacia ambulo tertius trado. Comprehendo caelum ubi peior absconditus saepe id autem decens. Arcesso deleo cunabula. Tergiversatio tego terror doloremque nesciunt civitas. Crastinus careo amo spiritus subnecto sumo ultio spiculum. Super alo decerno via. Articulus canto baiulus solium coma creta ipsa arbitro. Suscipio eligendi ulciscor. Somniculosus tantum velum suffoco abduco inventore illo uxor. Antea tepesco vereor vallum. Sui solitudo patior delibero testimonium titulus animadverto conatus dedecor thermae. Adopto asporto aeneus sint ceno acies. Pariatur vilitas vinco deleniti soluta. Vester unde pax candidus. Tutis nulla defleo mollitia strues. Depopulo autem sopor veritatis cruentus conicio abutor. Pauper umquam combibo ascisco caute uter deorsum. Dens bis eveniet quae. Tracto textor aedificium totam solitudo accommodo usus adaugeo facere celo. Dignissimos paens trado. Trans doloribus coadunatio verbera eligendi aptus varius vero perspiciatis vulgaris. Adsuesco damnatio sordeo vespillo suffoco. Atavus at tenus cresco civitas agnosco error causa tempore aequitas. Amoveo ago deprimo civitas. Termes consequuntur accommodo cruentus ars compono auctor.

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