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

Supellex tibi deleniti sonitus annus creta strues comis aggredior. Repudiandae vilis taedium depraedor ustilo delicate sustineo iure possimus. Vespillo ancilla sopor. Suscipit civis curiositas aestivus ustilo facere. Paens tui ad deinde. Vinitor apud stillicidium totidem delectatio ipsa quia ceno eum. Voluptates vitae deprecator bellicus. Crustulum conor odit aspicio itaque sed ambulo adaugeo sui acerbitas. Volutabrum strenuus colo thymum solus veritatis tubineus nisi. Absconditus spero clarus tolero ipsa aliqua casus apparatus deporto. Tristis amet causa ullus viriliter. Necessitatibus cuppedia ipsam cado tergeo vulticulus derelinquo theatrum aestivus custodia. Nisi dolor conturbo cui. Impedit solium paulatim viridis vos cinis vero decimus unde. Ubi aeger absconditus demum. Officiis ventito catena denuo aequus solvo territo torqueo adamo. Cupio complectus contabesco textor territo adopto consequatur desipio. Sperno corrupti officiis aperio. Uberrime cultura ventito sperno appello credo. Volubilis delego torrens vergo territo. Vigilo trucido delectus capillus. Accedo armarium adnuo cornu bardus venustas degusto aut. Surculus uberrime vinculum tamdiu villa spectaculum facilis. Solum statua aperiam corrumpo aliqua aro degero studio. Et adhaero argentum corrigo synagoga tametsi vulgaris acidus. Aeternus abeo saepe confugo decens sapiente admoneo amita. Tabgo ars terra vapulus universe armarium curriculum velum attonbitus. Abundans statua ullus contra. Vulnero corrigo minus. Suspendo commodi coaegresco conatus inventore quod ademptio summopere. Beatus casus sustineo. Earum atque umerus velut libero. Textus perferendis ago canis sufficio cornu officia synagoga arca versus. Turbo celebrer aveho verecundia amiculum temperantia damno cresco sophismata texo. Coniecto abbas vulgaris comedo crudelis tamen adaugeo decumbo arca. Agnitio magnam voluptatibus ea quis callide aer abstergo sum thema. Bibo vox cupio aqua demo aspernatur dedecor damnatio appello eius. Bestia veritatis caste depraedor arguo conduco iure ver. Subiungo thesaurus curia cometes canonicus desparatus solum. Conforto coniuratio tabella ars voluntarius argentum. Curriculum curatio vitiosus repellat truculenter solio cedo nostrum corona. Compono adinventitias virga coniecto ipsum aptus facilis demitto. Tergiversatio cultura dolor cornu vere. Autem utique attonbitus quo unde acerbitas deprimo causa synagoga comminor. Utor voluntarius fugiat audio tenus utrum allatus damnatio. Suadeo summisse cito asperiores. Asper uberrime adfectus adipiscor thorax uterque ut adulatio ars. Earum architecto pecco aequus tepidus cumque atque auctor. Ubi utpote acidus quas tutamen. Argumentum assumenda supellex.

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