// Code (inline and block)

code,
kbd,
pre,
samp {
    font-family: var(--font-family-monospace);
    font-variant-ligatures: none;
}

// Inline code
code {
  padding: var(--2px) var(--4px);
  font-size: 90%;
  color:var(--code-color);
  background-color: var(--code-bg);
}

// User input typically entered via keyboard
kbd {
  padding: var(--2px) var(--4px);
  font-size: 90%;
  color: var(--code-color);
  background-color: var(--code-bg);

  kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
  }
}

// Blocks of code
pre {
  display: block;
  padding: calc((var(--line-height-computed) - var(--1px)) / 2);
  margin: 0 0 var(--line-height-computed-half);
  font-size: calc(var(--font-size-base) - var(--1px));
  line-height: var(--line-height-base);
  word-break: break-all;
  word-wrap: break-word;
  color: var(--code-color);
  background-color: var(--code-bg);
  border: var(--1px) solid var(--code-border-color);
  border-radius: var(--border-radius-small);

  // Account for some code outputs that place code tags in pre tags
  code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
  }
}

