// https://github.com/chriskempson/tomorrow-theme
$highlight-background: #fff;
$highlight-current-line: #efefef;
$highlight-selection: #d6d6d6;
$highlight-foreground: #4d4d4c;
$highlight-comment: #8e908c;
$highlight-red: #c82829;
$highlight-orange: #f5871f;
$highlight-yellow: #eab700;
$highlight-green: #718c00;
$highlight-aqua: #3e999f;
$highlight-blue: #4271ae;
$highlight-purple: #8959a8;

pre, code {
  font-family: $InterUI;
  color: $highlight-foreground;
  background: #eee;
  font-size: 0.95em;
}

code {
  padding: 0 5px;
}

pre {
  padding: 10px 15px;
  line-height: 22px;
  code {
    border: none;
    display: block;
    padding: 0;
  }
}

.highlight {
  background: #eee;
  padding: 10px 15px;
  color: $highlight-foreground;
  overflow: auto;
  margin: 0;
  table {
    margin: 0 !important;
    border: 0;
    th, td {
      padding: 0;
    }
  }
  figcaption {
    // clearfix()
    margin: -5px 0 5px;
    font-size: 0.9em;
    color: $colorGray;
    a {
      float: right;
    }
  }
  pre {
    padding: 0;
    border: none;
    background: none;
  }
  .line {
    height: 22px;
  }
}

pre {
  .comment,
  .title {
    color: $highlight-comment;
  }
  .variable,
  .attribute,
  .tag,
  .regexp,
  .ruby, .constant,
  .xml, .tag, .title,
  .xml, .pi,
  .xml, .doctype,
  .html, .doctype,
  .css, .id,
  .css, .class,
  .css, .pseudo {
    color: $highlight-red;
  }
  .number,
  .preprocessor,
  .built_in,
  .literal,
  .params,
  .constant {
    color: $highlight-orange;
  }
  .class,
  .ruby, .class, .title,
  .css, .rules, .attribute {
    color: $highlight-green;
  }
  .string,
  .value,
  .inheritance,
  .header,
  .ruby, .symbol,
  .xml, .cdata {
    color: $highlight-green;
  }
  .css, .hexcolor {
    color: $highlight-aqua;
  }
  .function,
  .python, .decorator,
  .python, .title,
  .ruby, .function, .title,
  .ruby, .title, .keyword,
  .perl, .sub,
  .javascript, .title,
  .coffeescript, .title {
    color: $highlight-blue;
  }
  .keyword,
  .javascript, .function {
    color: $highlight-purple;
  }
}