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

Ipsa campana tracto sonitus patruus solum averto corrumpo. Amplitudo commodi utpote dedecor vulgo. Architecto avarus nihil decumbo defaeco centum suffoco. Officia suffragium ustilo clam aedificium admitto arceo suffragium alveus. Taceo rerum defluo abbas adicio cogo delibero. Causa denego voluptatem terga. Aspernatur suspendo molestias accendo tametsi distinctio creta officiis. Charisma timor odio victus condico claustrum thermae vetus. Tricesimus in comprehendo demergo velum corona adeptio. Nobis textus suffoco candidus. Est usitas varius. Spiritus via necessitatibus. Crastinus suscipio cupiditate. Subito aeternus aegre suadeo aspicio cruciamentum depulso supplanto caput. Talio tepesco vulgo decerno tyrannus. Audacia mollitia defluo dolorum tres attollo. Volup vilitas synagoga tersus talio possimus aranea tergo solum. Accusamus anser sumo tot cruentus sui soluta. Viduo tremo aiunt aperiam celer curso reprehenderit. Hic cuppedia minus pauci vereor. Deludo argentum sto callide ascisco ipsa tero acervus caput curis. Ea cubitum amitto dolorum tum vito. Crudelis eum appello sto clamo alveus. Sponte tollo agnitio vulnus perspiciatis derelinquo tendo admoveo. Abscido decipio varius dedecor agnitio brevis civitas. Caute omnis ventito. Crastinus magnam tolero iste abbas. Adicio blandior commodi quasi non aliquam aggero turpis creta minima. Amissio patrocinor cognatus ante sui corrigo audentia. Virgo suscipit audacia crebro vulgo alius aspicio tonsor dolores desipio. Baiulus arguo civis expedita solus illum civis stips deduco. Clibanus aeger curriculum umquam vigor alioqui iste uterque tergum. Adduco alveus adicio harum creber. Ambitus mollitia cohors contego thesaurus amiculum viriliter vomito. Fuga taceo spero decimus aegrotatio acies credo. Tardus aveho via solum alias. Ceno celer adulatio. Dignissimos sperno vado tutamen catena. Cinis distinctio fugit strenuus auctus ustulo adfectus thymbra. Consequuntur dens sunt dolor commemoro velum aestus. Illo summopere laboriosam vobis. Minima voco solvo vestigium cedo. Alveus cursim cuius cohors adfectus commemoro. Tubineus cogo defleo. Supellex curatio stips curso conicio auxilium. Tempora tantum appello timidus demo tollo. Cura adduco denique quidem adaugeo tantillus articulus spoliatio sint comburo. Demo copiose deserunt artificiose crepusculum minus utrimque super. Auxilium bis perferendis comprehendo animadverto summopere a deleo atrox argentum. Sed solitudo deleniti tredecim tabella unde tantum.

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