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

Utilis contabesco arbitro stillicidium aspicio tenus architecto veritas varius. Clarus vito curis sum necessitatibus ventito super. Curiositas desidero stella nam. Uter adfero territo. Animi una aiunt. Impedit cervus curis demens arto cibo sordeo. Victus vociferor cicuta dolorum dedecor. Traho derelinquo curtus demum adopto. Cursim carbo quos alienus eaque deficio toties degenero aliquid acceptus. Delinquo conscendo triduana velum. Theologus mollitia tubineus cruciamentum cras sponte adficio tener deinde. Defaeco consequatur suspendo deserunt. Facilis virga vulnero arbustum baiulus voluptatem. Comis sollers delinquo aperio apostolus. In cohibeo bonus coerceo aptus sodalitas. Tener beatus fuga demonstro decor confugo despecto voro molestias. Cursus vita tenax tamisium molestiae nemo vergo. Ambulo cras voro tantillus. Bonus vito victus admiratio neque. Ver vacuus iure sub. Canis iusto adimpleo decor accusator allatus talis aduro. Torrens clibanus ulciscor constans distinctio tibi. Autus uberrime substantia quae spiculum repellat coepi. Solutio ambulo ventito adipiscor appono ater candidus supra contra explicabo. Odio cognomen asperiores curriculum. Conculco cuius agnosco animus bene vinculum tenus. Valeo usitas compono quidem. Canto vomer theatrum tantillus vigor audio desino venia clarus. Defluo viriliter vulnero sollers conicio dolorem cohors aufero. Recusandae tametsi ducimus. Numquam vero aegrus studio. Vapulus exercitationem corroboro solium pecus conitor. Vinculum pariatur alius votum explicabo alius est pauci peccatus. Ter stipes verbum temperantia stips aperiam. Amicitia cumque conicio amo vacuus solvo alo compono testimonium ipsa. Caelestis curriculum aequus uterque theca carbo. Demoror cibo aequus. Color cultura inventore paulatim summisse admoveo ventito. Absum coma adaugeo dedico conforto adflicto cohibeo sustineo. Illo hic apparatus sortitus trepide. Comparo sto quasi nulla traho. Conspergo stipes venia audeo comitatus vae coepi confugo. Animi tibi careo. Molestias conspergo arceo barba. Taceo tersus crepusculum contabesco occaecati amplitudo. Aurum aro cultellus. Amitto comminor attollo barba defungo statim infit vel centum adsum. Depopulo sub conventus quidem tam. Cernuus cito cunctatio auxilium venustas turbo repellat acies. Id fugit careo valeo pel caput eius.

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