CSS template of middleman for syntax highlight.

highlight.css.scss.erb

<%= Rouge::Themes::Github.render(:scope => '.highlight') %>

.highlight {
  padding: 10px;
}

.highlight {
  line-height: 120%;
  pre, code {
    overflow-x: scroll;
    white-space: pre;
    word-wrap: normal;
  }
  pre, span {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  }
}

.contents {
  table {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
    border-collapse: collapse;
  }

  th, td {
    border: 1px solid #cccccc;
    padding: 10px;
  }
}