// https://github.com/chriskempson/tomorrow-theme
highlight-background = color-default - #222
highlight-current-line = #393939
highlight-selection = #515151
highlight-foreground = #cccccc
highlight-comment = #999999
highlight-red = #f2777a
highlight-orange = #f99157
highlight-yellow = #ffcc66
highlight-green = #99cc99
highlight-aqua = #66cccc
highlight-blue = #6699cc
highlight-purple = #cc99cc

$code-block
  background: highlight-background
  margin: 0 article-padding * -1
  padding: 15px article-padding
  border-style: solid
  border-color: color-border
  border-width: 1px 0
  overflow: auto
  color: highlight-foreground
  line-height: font-size * line-height

$line-numbers
  color: #666
  font-size: 0.85em

.article-entry
  pre, code
    font-family: font-mono
  code
    background: color-background
    text-shadow: 0 1px #fff
    padding: 0 0.3em
  pre
    @extend $code-block
    code
      background: none
      text-shadow: none
      padding: 0
  .highlight
    @extend $code-block
    pre
      border: none
      margin: 0
      padding: 0
    table
      margin: 0
      width: auto
    td
      border: none
      padding: 0
    figcaption
      clearfix()
      font-size: 0.85em
      color: highlight-comment
      line-height: 1em
      margin-bottom: 1em
      a
        float: right
    .gutter pre
      @extend $line-numbers
      text-align: right
      padding-right: 20px
    .line
      height: font-size * line-height
  .gist
    margin: 0 article-padding * -1
    border-style: solid
    border-color: color-border
    border-width: 1px 0
    background: highlight-background
    padding: 15px article-padding 15px 0
    .gist-file
      border: none
      font-family: font-mono
      margin: 0
      .gist-data
        background: none
        border: none
        table
          background: none
        .pl-vo
          color:#FFF
        .line-numbers
          @extend $line-numbers
          background: none
          border: none
          padding: 0 20px 0 0
          height: font-size * line-height
          vertical-align: top
        .line-data
          padding: 0 !important
      .highlight
        margin: 0
        padding: 0
        border: none
      .gist-meta
        background: highlight-background
        color: highlight-comment
        font: 0.85em font-sans
        text-shadow: 0 0
        padding: 0
        margin-top: 1em
        margin-left: article-padding
        a
          color: color-link
          font-weight: normal
          &:hover
            text-decoration: underline

pre
  .comment
  .title
  .template_comment
  .header
  .javadoc
    color: highlight-comment
  .variable
  .attribute
  .tag
  .regexp
  .ruby .constant
  .xml .tag .title
  .xml .pi
  .xml .doctype
  .html .doctype
  .css .id
  .css .class
  .css .pseudo
  .winutils
  .method
  .request
  .status
  .nginx .title
  .diff .change
  .special
  .attr_selector
  .important
  .subst
  .clojure .title
  .deletion
    color: highlight-red
  .number
  .preprocessor
  .preprocessor .keyword
  .built_in
  .literal
  .params
  .constant
  .command
  .lisp .body
  .parent
  .haskell .type
    color: highlight-orange
  .class
  .ruby .class .title
  .css .rules .attribute
  .addition
    color: highlight-green
  .string
  .value
  .inheritance
  .ruby .symbol
  .symbol .string
  .xml .cdata
  .function .title
    color: highlight-green
  .css .hexcolor
  .phpdoc
  .tex .formula
    color: highlight-aqua
  .function
  .python .decorator
  .python .title
  .ruby .function .title
  .ruby .title .keyword
  .perl .sub
  .javascript .title
  .coffeescript .title
  .localvars
  .chunk
  .decorator
  .identifier
  .vhdl
    color: highlight-blue
  .keyword
  .javascript .function
    color: highlight-purple