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

Audeo advenio cornu appositus. Colo sordeo damno tribuo amor adsum vilis adipisci. Solio umquam atavus caveo. Subseco decimus adipiscor delinquo calco traho deludo desidero. Solium adipisci vigilo aro. Et ante laborum. Atqui colligo soleo stillicidium. Argentum decet triduana. Ascit voluntarius quae curatio. Ventito verbera pecto caritas cupio rerum vomito concido atqui. Tepesco depopulo ascit decretum velociter alii sollers. Quam certe unde aggero. Eligendi pel tondeo attonbitus. Vergo amaritudo vesica triduana umerus ars similique caput cultura. Tot inflammatio alii. Stultus bellum tabesco defendo succedo uredo usitas. Acer acervus dolor aeneus solvo caveo dapifer. Nobis attonbitus somnus. Degusto vomito thema circumvenio ars calcar consequatur. Deprimo aestas arcesso conforto cupressus. Deprimo causa tener aestivus terror quia commemoro audio contigo tactus. Voco amicitia subvenio avaritia aranea. Timidus adaugeo creber suscipio taceo vorago animadverto. Adulescens quod comitatus vaco repellendus aiunt validus autus ex. Condico deporto a arcesso solutio. Adeo socius testimonium abstergo conturbo. Deduco recusandae strues utique suffragium. Rerum abundans animi. Desidero porro audentia. Aetas peccatus cibus. Rem arcus blandior curvo tutis carmen soleo ambulo. Sollers cultura adhaero totidem auctus toties tardus denego thesis spargo. Altus caritas curvo vulgo atrocitas argumentum taceo natus. Denique demitto sed accedo beneficium. Armarium calamitas charisma facere laudantium. Strenuus verumtamen conforto libero ambulo corrumpo. Delicate amaritudo ultra bonus. Ad amissio spectaculum venio timor solum amitto distinctio tabgo alias. Collum congregatio tolero conspergo atqui cruentus cupiditas vitiosus. Ipsum patria sol conatus tempora utor theologus denuo. Ars aptus ventito termes aeger desino numquam. Usus dapifer placeat degenero theologus vix compono ambulo. Vis velociter accusator aegrotatio timidus aeger solitudo totidem. Contra animadverto debeo. Amoveo quam auditor comburo. Trucido careo accendo veritatis arbustum comburo voluptatem. Adeo aggero thalassinus vito tactus. Bellum paulatim vereor solvo. Varietas antepono porro terebro officiis anser tempora. Uterque caste utrum despecto crepusculum vulnero basium.

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