// Inline code
code
  font-size: $code-font-size
  color: $code-color
  word-break: break-word

  // Streamline the style when inside anchors to avoid broken underline and more
  a > &
    color: inherit

// User input typically entered via keyboard
kbd
  padding: $kbd-padding-y $kbd-padding-x
  font-size: $kbd-font-size
  color: $kbd-color
  background-color: $kbd-bg

  +border-radius($border-radius-sm)
  +box-shadow($kbd-box-shadow)

  kbd
    padding: 0
    font-size: 100%
    font-weight: $nested-kbd-font-weight

    +box-shadow(none)

// Blocks of code
pre
  display: block
  font-size: $code-font-size
  color: $pre-color

  // Account for some code outputs that place code tags in pre tags
  code
    font-size: inherit
    color: inherit
    word-break: normal

// Enable scrollable blocks of code
.pre-scrollable
  max-height: $pre-scrollable-max-height
  overflow-y: scroll