diff --git a/app/styles/components/_all.scss b/app/styles/components/_all.scss
index 03d9a74a..aca345b4 100644
--- a/app/styles/components/_all.scss
+++ b/app/styles/components/_all.scss
@@ -3,7 +3,6 @@
 @import "sidebar";
 @import "article";
 @import "back-to-top";
-@import "highlight";
 @import "toc";
 @import "old-version-warning";
 @import "whoops";
diff --git a/app/styles/components/_highlight.scss b/app/styles/components/_highlight.scss
deleted file mode 100644
index aca0cd9d..00000000
--- a/app/styles/components/_highlight.scss
+++ /dev/null
@@ -1,204 +0,0 @@
-.highlight {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  border-radius: $base-border-radius;
-  font-family: $monospace-font-family;
-  font-size: 0.8em;
-  line-height: 1.5em;
-  margin: var(--small-spacing) 0 $large-spacing;
-  overflow: hidden;
-  position: relative;
-  font-variant-ligatures: none;
-
-  &.handlebars {
-    .inline,
-    .inline-delimiter,
-    .delimiter {
-      color: $highlight-green;
-    }
-
-    .inline {
-      .attribute-name {
-        color: $highlight-green;
-      }
-
-      .attribute-value,
-      .content {
-        color: $highlight-green;
-      }
-    }
-  }
-
-  .scroller {
-    overflow: auto;
-  }
-
-  pre {
-    margin: 0;
-    font-size: 1.2em;
-    .wrapper {
-      padding-right: 60px;
-    }
-  }
-
-  .import-copy ~ table .wrapper {
-    padding-right: 92px;
-  }
-
-  table {
-    border: none;
-    margin: 0;
-    table-layout: auto;
-    overflow: auto;
-    width: 100%;
-    z-index: auto;
-
-    tr,
-    th,
-    td {
-      border: none;
-    }
-
-    th,
-    td {
-      padding: 5px 10px;
-    }
-
-    td {
-      color: $white;
-
-      &.line-numbers {
-        color: $medium-gray;
-        text-align: center;
-        width: 2em;
-        background-color: $code-background;
-      }
-
-      &.code {
-        background-color: $code-background;
-        overflow: auto;
-        vertical-align: top;
-        padding: 0.4em 0 0.4em 0.4em;
-      }
-    }
-
-    thead {
-      td {
-        color: lightgrey;
-      }
-    }
-
-    &.specific {
-      th, td {
-        padding: 5px 6px;
-      }
-    }
-
-    &.extensive {
-      font-size: 9px;
-    }
-
-    @each $tag, $color in $highlight-colors {
-      .#{$tag} {
-        color: $color;
-      }
-    }
-  }
-
-  .ribbon {
-    @include position(absolute, 0.33em 0px null null);
-    @include size(52px, 20px);
-    background: 0 0 no-repeat;
-    background-size: 52px 20px;
-    z-index: 9;
-  }
-
-  &.javascript .ribbon,
-  &.js .ribbon {
-    background-image: url('/assets/images/ribbon-js.svg');
-  }
-  &.html .ribbon {
-    background-image: url('/assets/images/ribbon-html.svg');
-  }
-  &.handlebars .ribbon {
-    background-image: url('/assets/images/ribbon-hbs.svg');
-  }
-
-  .highlight-line {
-    background-color: $highlight-yellow;
-    border-left: $highlight-yellow solid 5px;
-    border-right: $highlight-yellow solid 5px;
-    box-sizing: content-box;
-    display: inline-block;
-    margin: 0 -10px;
-
-    &.added {
-      border-color: $highlight-green;
-      background-color: $highlight-green;
-    }
-
-    &.removed {
-      border-color: $highlight-red;
-      background-color: $highlight-red;
-    }
-  }
-
-  .code .highlight-line {
-    border-left-width: 13px;
-    border-right-width: 13px;
-    margin: 0 -13px;
-    width: 613px;
-  }
-
-  .line-numbers .highlight-line {
-    width: 28px;
-    border-right-color: darken($highlight-yellow, 20%);
-
-    &.added {
-      border-right-color: darken($highlight-green, 20%);
-    }
-
-    &.removed {
-      border-right-color: darken($highlight-red, 20%);
-    }
-  }
-}
-
-code {
-  background-color: $base-border-color;
-  border-radius: $base-border-radius;
-  font-family: $monospace-font-family;
-  font-size: 0.9em;
-  padding: 0.2em 0;
-  margin: 0 0.1em;
-}
-
-a code {
-  color: $ember-orange;
-}
-
-.CodeRay thead {
-  background-color: #292929;
-}
-
-.CodeRay .line-numbers {
-  -webkit-user-select: none;  /* Chrome all / Safari all */
-  -moz-user-select: none;     /* Firefox all */
-  -ms-user-select: none;      /* IE 10+ */
-  user-select: none;          /* Likely future */
-}
-
-.import-copy {
-  position: absolute;
-  right: 52px;
-  top: 2px;
-  background-color: $code-background;
-  line-height: 1;
-  padding: 0px 8px;
-  z-index: 9;
-  cursor: pointer;
-  button {
-    background-color: transparent;
-    padding: 0;
-  }
-}