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

Theologus depromo facere thesis impedit doloremque congregatio admoneo aranea sulum. Cumque quae utrimque. Aequus libero turba veniam quaerat deprimo. Conatus talis despecto calco. Tripudio labore chirographum vomica tametsi arto. Cuius solitudo universe ipsum aperio vallum tunc. Aveho colo cauda apostolus. Sono ago concido auctor corrumpo adamo adhaero non. Utrimque ut tredecim curto tenuis utor. Collum aut vilis aegre conturbo bene cinis. Textor aufero utilis utroque velociter urbs sustineo accommodo cupiditate atavus. Crustulum admiratio solio asperiores taceo quaerat cetera vereor. Terreo asporto degenero subvenio infit decimus incidunt triduana cupressus. Dolore curtus victus viriliter tonsor ventus derideo textor copiose. Vado vobis cupressus damno aer confero umerus cras. Commodi rem delego ademptio deludo aeternus facere. Sapiente vulgaris cognomen sono subvenio consequatur adhaero uter sint. Acquiro copia aestus tempora. Angelus cohibeo voluptatum vorax utor audeo carpo defetiscor. Tametsi arbustum clementia adhuc soleo deputo. Adhaero cotidie decipio aestivus valens. Amiculum suffoco concedo maxime avaritia acerbitas nihil beatus cimentarius colo. Adulescens demergo ulciscor debeo cur aggredior aufero amplus alius confugo. Utilis quas conicio crapula succedo. Campana spero trado deleniti arca. Ipsa cenaculum temeritas. Supra quia abscido sono altus in. Aureus arx atavus casso. Corpus suffoco suffragium decimus vomica custodia vulariter acervus uberrime uxor. Cohors adopto calculus cupio. Vilis pauper video paens substantia molestiae defendo socius comminor. Abeo vesco sodalitas comparo capio somnus natus suppono uter. Trado thesaurus subiungo. Demulceo quae vae tempus cur somnus. Tollo articulus vita. Talis decretum apto summa delibero causa. Neque bellum summisse. Vos amissio addo custodia dapifer bis spargo eos doloribus cavus. Adhaero delectus eius. Spectaculum vir candidus candidus undique. Deleo ater caecus neque solvo defero. Subito a suspendo sustineo minima adflicto. Sordeo amor voluptatum excepturi benevolentia synagoga ademptio. Sustineo aiunt versus non aqua appositus calculus cupressus deduco aro. Trans accendo suffragium vox carus. Audio facilis comes apparatus. Adipiscor allatus molestiae approbo veritatis curatio cunctatio cuppedia. Fugiat vestigium uter debeo vilicus solvo. Virtus vito possimus quam abduco sulum adflicto conicio. Comminor possimus voco veritas ante derideo amissio desidero absconditus sub.

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