pre {
  //counter-reset: line;
  -moz-tab-size: 2;
  tab-size: 2;
  border-radius: 12px;
  //color: #363c3e;
  font-family: "CourierPrimeSans";
  //font-weight: bold;
  font-size: $base-font-size;
  margin: 0 0 0 0;
  padding: 0 0 0 0.5em;
  border: 1px $grey-color solid;
  //overflow: auto;
  overflow-x:auto;
  line-height: 1.2em;
  // https://stackoverflow.com/questions/5840328/styling-each-line-inside-pre-with-css
  background: $grey-color-dark;
  background-image: -webkit-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
  background-image: -moz-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
  background-image: -ms-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
  background-image: -o-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
  background-image: linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 2.4em 2.4em;
  white-space: pre;
}

//pre > code {
//  margin: 0 0 0 0;
//  padding: 0 0 0 0;
//}

/*pre.highlight > code:before{
  content: counter(line);
  display: inline-block;
  width: 2.0em;
  border-right: 1px solid $grey-color;
  padding-right: .7em;
  margin-right: .7em;
  color: #bc6c21;
  -webkit-user-select: none;
  text-align: right;
}*/