.article-entry .highlight {
  margin: 10px 0;
  overflow: auto;
  color: #fff;
  font-size: 0.95em;
  line-height: 22.4px;
}
.article-entry .highlight .gutter pre,
.article-entry .highlight .gutter pre .line,
.article-entry .gist .gist-file .gist-data .line-numbers {
  color: #666;
}
.article-entry pre,
.article-entry code {
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
}
.article-entry code {
  background: #eee;
  padding: 0 0.3em;
  border: none;
}
.article-entry pre code {
  background: none;
  text-shadow: none;
  padding: 0;
  color: #fff;
}

.article-entry .highlight {
  border-radius: 4px;
  background-color: #2a2a2a;
  pre {
    border: none;
    margin: 0;
    padding: 0;
  }
  table {
    margin: 0;
    width: auto;
  }
  td {
    border: none;
    padding: 0;
    &.gutter {
      background-color: #000;
      pre {
        text-align: right;
        padding: 0 10px;
        text-shadow: none;
      }
    }
    &.code {
      background-color: #2a2a2a;
      padding: 10px;
    }
  }
  .line {
    min-height: 19px;
  }
}
.article-entry .highlight figcaption {
  line-height: 1em;
  margin-bottom: 1em;
  &::after {
    clear: both;
  }
  a {
    float: right;
  }
}
.article-entry .highlight figcaption::before,
.article-entry .highlight figcaption::after {
  content: "";
  display: table;
}

.article-entry .gist {
  margin: 0 -20px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
  background: #272822;
  padding: 15px 20px 15px 0;
}
.article-entry .gist .gist-file {
  border: none;
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
  margin: 0;
}
.article-entry .gist .gist-file .gist-data {
  background: none;
  border: none;
}
.article-entry .gist .gist-file .gist-data .line-numbers {
  background: none;
  border: none;
  padding: 0 20px 0 0;
}
.article-entry .gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.article-entry .gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.article-entry .gist .gist-file .gist-meta {
  background: #272822;
  font: 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 20px;
}
.article-entry .gist .gist-file .gist-meta a {
  color: #258fb8;
  font-weight: normal;
}
.article-entry .gist .gist-file .gist-meta a:hover {
  text-decoration: underline;
}
pre .comment {
  color: #6A9955;
}
pre .keyword,
pre .function .keyword,
pre .class .params {
  color: #66d9ef;
}
pre .tag,
pre .doctype,
pre .params,
pre .function,
pre .css .value {
  color: #fff;
}
pre .css ~ * .tag,
pre .title,
pre .at_rule,
pre .at_rule .keyword,
pre .preprocessor,
pre .preprocessor .keyword {
  color: #f92672;
}
pre .attribute,
pre .built_in,
pre .class,
pre .css ~ * .class,
pre .function .title {
  color: #a6e22e;
}
pre .value,
pre .string {
  color: #e6db74;
}
pre .number {
  color: #7163d7;
}
pre .id,
pre .css ~ * .id {
  color: #fd971f;
}
