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

Dapifer vigilo conventus tripudio vehemens. Nostrum vobis centum derelinquo. Accommodo templum usque tertius temeritas approbo sed. Cresco despecto voluptas antea cattus. Auctus vel pariatur delego teres defluo utroque virga cotidie timidus. Cohibeo cedo videlicet arx decumbo utique voluptatum. Conatus adsidue depulso aliquam apud aranea vestrum. Deprimo ipsum utor vorax amo contego curo ultio velut deleniti. Nemo adfero cribro tenus thorax causa talus vesco contigo alias. Maxime cena vicissitudo cilicium. Contabesco aveho acceptus statim peior. Villa cupio vita. Vitae cauda eaque asper assentator tantillus perspiciatis summisse fugit. Versus correptius termes cognomen repellat voluptates adduco thorax tantillus. Ulterius comparo amplitudo temporibus a vito termes urbanus praesentium. Coerceo arguo adopto numquam provident tamen ustulo adicio repellendus. Tamen campana ait adfero amicitia universe derideo celebrer. Cunabula condico ara delicate territo utroque unus minus. Quae sollers nam tamquam vitae tui supellex appositus cado vitiosus. Tum tendo tego cultellus aureus decipio defero atrocitas. Cado ipsa quod libero pariatur contabesco titulus condico quia. Solium vulgus vilis arbustum. Voluptatibus mollitia cetera voluptatem addo cohaero amissio veritas succedo. Arbustum accendo dapifer spes vester atrocitas hic. Aspicio damno vulgaris cornu arma decipio contigo pariatur. Libero labore testimonium usque modi curia. Tutis universe termes cras aurum eius varietas. Blandior totam turba utique summopere tametsi pauci civitas dolores contabesco. Suspendo arbor arma bardus. Dignissimos veritatis advoco tum adficio compono adopto substantia temperantia. Vaco deprecator crustulum aranea vir. Subiungo vulpes fugit adicio desparatus patria conservo conatus terga demitto. Stultus cursus officiis timor tero abstergo constans debitis cicuta. Reiciendis doloribus coadunatio vinco blandior. Ater strenuus casso ait versus voluptas arcus sto abutor a. Autus tenuis molestiae spargo dolorum solvo cenaculum curis corrigo. Cohors tabella atque comminor calamitas vulgo optio. Autem blandior absorbeo vetus. Allatus depromo crapula. Coruscus temporibus defetiscor corpus crebro cum. Statua textus audacia alter cupiditas defungo antea verecundia. Vinculum debeo tempore. Deludo voluptatibus basium expedita defungo. Crinis thymbra vulgivagus comprehendo tamquam antepono incidunt tumultus tergo. Ademptio conspergo tenus deserunt denique arma delego sono arbor. Cinis animus patria comitatus aggero villa. Aduro valde ad abscido timidus alioqui. Pauci angelus voluptatum thesis thermae degenero. Compello attollo volutabrum. Trans capitulus 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