// https://github.com/chriskempson/tomorrow-theme
highlight-background = #2d2d2d
highlight-current-line = #393939
highlight-selection = #515151
highlight-foreground = #555
highlight-comment = #999999
highlight-red = #f2777a
highlight-orange = #f99157
highlight-yellow = #ffcc66
highlight-green = #16982B
highlight-aqua = #66cccc
highlight-blue = #6699cc
highlight-purple = #cc99cc
code-font-size = 14px
code-background = #34495e
code-color = #6a7c8e

code, pre {
  padding: 7px;
  font-size: code-font-size;
  font-family: Consolas;
  background: #f0f0f0;
}
code {
  padding: 3px 5px;
  border-radius: 4px;
  color: code-color;
}
.highlight {
  margin: 1em 0;
  border-radius: 5px;
  overflow-x: auto;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
  position: relative;
  table {
    position: relative;
    max-width: none;
      &::after {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      padding: 2px 7px;
      font-size: code-font-size;
      font-weight: bold;
      color: #fefefe;
      background: #34495e;
      content: 'Code';
    }    
  }
  figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 2px 7px;
    font-size: code-font-size;
    font-weight: bold;
    color:gray,;
    background: code-background;
    z-index: 20;
    overflow-x: hidden;
    box-sizing: border-box;
    color: white;

    & > a {
      position: absolute;
      right: 0;
      display: inline-box;
      margin-right: 7px;
      font-weight: 400;

      &:hover {
        text-decoration: none;
        border: 0;
      }
    }
  }  
    .code {
    pre {
      margin: 0;
      padding: 40px 10px 10px;
    }
  }
    .code {
    pre {
      margin: 0;
      padding: 40px 10px 10px;
    }
  }
    .gutter {
    width: 10px;
    color: $gray;

    pre {
      margin: 0;
      padding: 40px 7px 10px;
    }
  }
    .line {
    // Fix code block null line height and
    // Synchronous gutter and code line highly.
    height: round(code-font-size * 1.5);
  }

    table, tr, td {
    margin: 0;
    padding: 0;
    width: 100.1%;
    border-collapse: collapse;
  }
  
  }

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