@import 'colors';
@import 'fonts';

pre, code {
  font-family: $font-monospace;
}

p code, li code {
  background-color: $color-section-background;
  border-radius: 3px;
  padding: 2px 5px;
}

pre code, table.sourcetable pre {
  font-size: 0.9em;
  line-height: 1.4em;
}

pre code {
  display: block;
}

pre code, div[class^='brush: '] {
  background-color: $color-section-background;
  width: 100%;
  overflow: auto;
}

table.sourcetable {
  width: 100%;

  td.linenos {
    color: desaturate(darken($color-section-background, 20%), 40%);
    white-space: nowrap;
    width: 1%;
    font-weight: 300;
  }

  pre {
    margin: 0;
  }
}

pre code, table.sourcetable {
  padding: 20px;
}

td.linenos {
  padding-right: 15px;
}