// See repo > .blob-code to match

.CodeMirror {
  background: $backgroundColor;

  &-gutter-wrapper + .CodeMirror-line {
    padding: 0 0.75rem;
  }
}

.cm-s-github {
  .CodeMirror {
    &-gutters {
      background: $bgLight;
      color: darken($foregroundColor, 20%);
    }

    &-lines {
      background: transparent;
      color: $fgDark;
    }
  }

  .cm { // These classes should NOT be alphabetized; some need to take precedence
    &-header {
      color: $fgLight;

      &-1 {
        color: $fgLightest;
      }
    }

    &-variable-2 {
      color: $foregroundColor;
    }

    &-string {
      color: $accent-blue;
    }

    &-link {
      color: $accent-purple;

      & + .cm-url {
        color: rgba($accent-purple, 0.5);
        font-style: italic;
      }
    }

    &-error {
      color: $accent-red;
    }
  }
}

// See repo > .blob-code to match

.CodeMirror {
  background: $backgroundColor;

  &-gutter-wrapper + .CodeMirror-line {
    padding: 0 0.75rem;
  }
}

.cm-s-github {
  .CodeMirror {
    &-gutters {
      background: $bgLight;
      color: darken($foregroundColor, 20%);
    }

    &-lines {
      background: transparent;
      color: $fgDark;
    }
  }

  .cm { // These classes should NOT be alphabetized; some need to take precedence
    &-header {
      color: $fgLight;

      &-1 {
        color: $fgLightest;
      }
    }

    &-variable-2 {
      color: $foregroundColor;
    }

    &-string {
      color: $accent-blue;
    }

    &-link {
      color: $accent-purple;

      & + .cm-url {
        color: rgba($accent-purple, 0.5);
        font-style: italic;
      }
    }

    &-error {
      color: $accent-red;
    }
  }
}

.js-file-line-container {
  tr { // Add spacing before and after code lines; this helps a lot for short gists, etc.
    &:first-of-type td {
      padding-top: 0.75rem;
    }

    &:last-of-type td {
      padding-bottom: 0.75rem;
    }
  }
}

Add spacing before/after code lines
Add spacing before/after code lines
