%base--pre-build {
  @extend %font--mono;
  display: block;
  hyphens: none;
  word-spacing: normal;
  text-align: left;
  word-break: normal;
  white-space: pre;
  word-wrap: normal;
  direction: ltr;
  tab-size: 2;
  overflow-y: overlay;
}

%base--pre {
  @extend %base--pre-build;
  margin: .5em 0;
  overflow: auto;
  margin-top: 0rem;

  white-space: normal;
  padding: get('rhythm') / 2 get('rhythm');
  background-color: color('cool white', 30);
  color: color('gray', 90);
  font-size: 0.875em;

  code,
  .base--code {
    @extend %base--pre-build;
    font-size: 1em;
    outline: 0;
    margin: 0rem;
    padding: 0rem;
  }
}