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

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

/*
 * Undo prism theme crap
 */

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

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

  // Line highlight
  .line-highlight {
    background: linear-gradient(
      to right,
      rgba($base-b, 0.05) 75%,
      rgba($base-b, 0));
  }

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

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

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

/*
 * Syntax kighlight
 */

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

  $cB: $base-c;
  $cB-3: adjust-color($cB, $lightness: 15%, $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;
  }
}