code.css

/**
 * @section Code
 * Styling for code and preformatted text.
 */

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 0.875em;
}

code {
  color: #dd1144;
  padding: 0.25em;
  word-wrap: break-word;
}

pre {
  background-color: #f7f7f7;
  display: block;
  line-height: 1.5;
  margin: 0 0 1.5625em;
  overflow: auto;
  padding: 0.8125em;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
  word-break: break-all;
}

pre code {
  background-color: transparent;
  border: 0;
  color: inherit;
  font-size: 1em;
  padding: 0;
}

/**
 * @section Chroma syntax highlighting
 * Styles for Hugo's syntax highlighting engine
 */
@media screen {

  .chroma .err,
  .chroma .kc,
  .chroma .no,
  .chroma .py,
  .chroma .nt,
  .chroma .ss,
  .chroma .m,
  .chroma .mb,
  .chroma .mf,
  .chroma .mh,
  .chroma .mi,
  .chroma .il,
  .chroma .mo {
    color: #905;
  }

  .chroma .k,
  .chroma .kd,
  .chroma .kn,
  .chroma .kp,
  .chroma .kr,
  .chroma .kt,
  .chroma .nb,
  .chroma .s {
    color: #07a;
  }

  .chroma .n,
  .chroma .na,
  .chroma .nc,
  .chroma .ne,
  .chroma .l,
  .chroma .ld,
  .chroma .sa,
  .chroma .sb,
  .chroma .sc,
  .chroma .dl,
  .chroma .s1,
  .chroma .s2,
  .chroma .se,
  .chroma .sh,
  .chroma .si,
  .chroma .sx {
    color: #690;
  }

  .chroma .bp,
  .chroma .nd,
  .chroma .nl,
  .chroma .sd,
  .chroma .p,
  .chroma .c,
  .chroma .ch,
  .chroma .cm,
  .chroma .c1,
  .chroma .cs,
  .chroma .cp,
  .chroma .cpf {
    color: slategray;
  }

  .chroma .ni,
  .chroma .o {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
  }

  .chroma .nf,
  .chroma .fm,
  .chroma .ow {
    color: #dd4a68;
  }

  .chroma .nv,
  .chroma .vc,
  .chroma .vg,
  .chroma .vi,
  .chroma .vm,
  .chroma .sr {
    color: #e90;
  }

  .chroma .nn {
    opacity: .7;
  }

  .chroma .ge {
    font-style: italic;
  }

  .chroma .gs {
    font-weight: bold;
  }
}