// Code
// ––––––––––––––––––––––––––––––––––––––––––––––––––

code,
kbd,
pre,
samp {
  font-family: $code-font-family;
}

// inline code
code {
  padding: $code-padding;
  color: $code-font-color;
  font-size: $code-font-size;
  word-break: break-word;
  background: $code-background;
  border: $code-border-width solid $code-border-color;
  border-radius: $code-border-radius;
}

// code block
pre {
  display: block;
  margin-bottom: $pre-margin-bottom;
  padding: $pre-padding;
  overflow-x: auto;
  color: $code-font-color;
  font-size: $pre-font-size;
  white-space: pre;
  background: $code-background;
  border: $code-border-width solid $code-border-color;
  border-radius: $code-border-radius;

  // inline code within
  code {
    color: inherit;
    font-size: inherit;
    word-break: normal;
  }
}