// https://github.com/chriskempson/tomorrow-theme
$code-block
  background: highlight-background
  margin: 20px 0
  padding: 10px
  overflow: auto
  font-size: $code-font-size
  color: highlight-foreground
  line-height:  $line-height-code-block
  border: 2px solid #CCC
  border-radius: 5px

$line-numbers
  color: #666

pre, code
  font-family: $code-font-family
code
  word-break: break-all
  background: $gainsboro
  color: #c7254e
  border-radius: 4px
  padding: 0 0.3em
pre
  @extend $code-block
  code
    background: none
    padding: 0
.highlight
  @extend $code-block
  pre
    border: none !important
    margin: 0
    padding: 1px
  table
    margin: 0 !important
    width: auto !important
    border: none !important
  td
    border: none !important
    padding: 0 !important
  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: 20px
.gist
  margin: 20px 0
  border-style: solid
  border-color: $border-color
  border-width: 1px 0
  background: highlight-background
  padding: 15px $content-desktop-padding 15px 15px
  .gist-file
    border: none
    font-family: $font-family-monospace
    margin: 0
    .gist-data
      background: none
      border: none
      .line-numbers
        @extend $line-numbers
        background: none
        border: none
        padding: 0 20px 0 0
      .line-data
        padding: 0 !important
    .highlight
      margin: 0
      padding: 0
      border: none
    .gist-meta
      background: highlight-background
      color: highlight-comment
      font: 13px $font-family-base
      text-shadow: 0 0
      padding: 0
      margin-top: 1em
      margin-left: $content-desktop-padding
      a
        color: color-link
        font-weight: normal
        &:hover
          text-decoration: underline

pre
  .comment
    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
  .ruby .class .title
  .css .rules .attribute
    color: highlight-green
  .string
  .value
  .inheritance
  .header
  .ruby .symbol
  .xml .cdata
    color: highlight-green
  .title
  .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
