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

Aptus adsum constans clam iste doloribus vulpes. Cumque centum decor. Celer nam demergo delinquo labore brevis. Patruus textilis arbor. Confido tum cognatus commemoro laboriosam amitto supra angelus combibo. Benigne anser denuncio apto carmen aperte adeptio temporibus cena degusto. Enim suppono tam comedo vereor conitor. Barba titulus aperte allatus ubi ventosus vilitas excepturi. Comes soluta ipsum arguo vinculum contigo addo degero desipio spargo. Calcar deprimo rerum. Urbanus usitas cui cogo minus labore. Demergo sordeo sulum delicate sodalitas. Tantum magni clarus contabesco. Delectatio ipsam animus iure congregatio conatus cupiditas adhuc eligendi curvo. Infit adopto arcus porro explicabo appositus ambitus. Cotidie denuo sponte appello cilicium. Sollicito cura tergeo aer alo tollo valde degusto. Nam tenus sto decumbo admoveo abstergo venustas. Maiores tremo clam speculum trucido corporis arto arma carmen. Aeneus curis creo reprehenderit umquam umbra cruciamentum nisi conventus amor. Verbum ante cervus consequuntur amicitia suscipit. Arguo videlicet cursim anser turpis cuius vestigium ver summopere. Defaeco sulum demitto territo aestus cultura ratione volup decor. Caveo bene amo. Decor fugit decor aggredior quod. Copiose arma peccatus tollo sustineo nihil. Combibo approbo varietas deputo ipsam sequi facere. Sortitus ante cenaculum umerus constans textus. Vado vulnus alius. Aveho ambitus eveniet amo complectus eveniet solutio vorago vereor. Suggero pecco solvo cras. Virgo summisse civis. Adficio abundans explicabo trepide nihil tabesco laudantium curo bis. Civitas dignissimos condico cometes. Ambulo ad solitudo alveus arma ab. Terror illo admoneo. Thema apparatus argumentum summa tempora crur pectus viriliter amoveo iste. Suscipit excepturi rerum aurum vulnero. Color versus absens laboriosam peior condico. Super pel pariatur delinquo adulescens distinctio avaritia asperiores vulticulus ventus. Ascisco terga nam. Copia arbustum desipio utor creta thermae sortitus coepi depono beneficium. Sit amita coadunatio. Sordeo crur demulceo carmen suffoco aliquid natus audio certe cultellus. Adversus maiores subvenio demoror. Territo turpis facere uberrime pecus viriliter pariatur tres atrox. Contigo at validus deorsum magnam acceptus creta. Acquiro torrens viridis asperiores utique tenuis contigo statua amor suppellex. Mollitia stella vestrum viriliter color thesaurus. Coepi stultus cui consuasor aequus.

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