Skip to content
GitLab

Restyle code element, remove docs example overflow, improve docs examples

Merged Mark Otto requested to merge code-scrollbars-kbd-oh-my into v4-dev

Going for a simpler <code> element with this one while making friendlier to longer strings on narrow viewports. The removal of the overflow: auto is semi-related and undoes #24878's change. From there, I overhauled several docs examples to prevent horizontal scrolling.

  • Removes the padding and background-color on <code> elements and their variables.
  • Changes the color to a brand color ($pink).
  • Add new variables to <kbd> element styles to account for removing the code ones.
  • Remove overrides that were needed previously for <code> in links and preformatted text.
  • Revamps several docs examples to avoid horizontal scrolling.
  • Adds overrides for width on file inputs in input groups.

Fixes #25038 (closed).