.MarkdownBody code {
  color: $gray-text;
  font-size: $code-size;
}

.MarkdownBody pre,
.MarkdownBody code {
  font-family: $monospace-font;
}

// Reduce line height for box drawing characters
.MarkdownBody pre.-box-chars {
  line-height: 1.32;
}

/*
 * Undo prism theme crap
 */

.MarkdownBody {
  pre {
    box-shadow: none;
    border-left: 0;
    overflow: hidden;
    overflow-x: auto;
    background: white;
  }

  pre > code {
    color: $base-head;
    max-height: auto;
    padding: 0;
    background: transparent;
    overflow: visible;
    font-size: 1em;
  }

  // Line highlight
  .line-highlight {
    transform: translate3d(0, 1px, 0);
    background: linear-gradient(
      to right,
      mix($base-c, white, 5%) 25%,
      white);
  }

  // Line highlight ranges
  .line-highlight[data-end] {
    margin-top: 0;
  }

  .line-highlight::before,
  .line-highlight::after {
    display: none;
  }
}

.MarkdownBody pre.-setup,
.MarkdownBody p.-setup,
.MarkdownBody ul.-setup {
  background: $gray-bg;
}

/*
 * Syntax kighlight
 */

.token {
  $cA: $base-b;
  $cA-3: adjust-color($cA, $lightness: 8%, $hue: -10deg);
  $cA-7: adjust-color($cA, $lightness: -8%, $hue: 10deg);

  $cB: $base-c;
  $cB-3: adjust-color($cB, $lightness: 8%, $hue: -10deg);

  $cM: #aaa; // Mute

  &.tag,
  &.keyword {
    color: $cA;
  }

  &.tag {
    color: $cA-7;
  }

  &.value,
  &.string,
  &.number,
  &.attr-value,
  &.boolean,
  &.regex {
    color: $cB;
  }

  &.function,
  &.attr-name {
    color: $cA-3;
  }

  &.comment,
  &.punctuation,
  &.operator {
    color: $cM;
  }
}