@import "_base";

$lineno-text-color: #999;
$code-border-color: #ccc;
$code-background-color: #fff;
$transparent: rgba(0,0,0,0);

.highlight {
  margin: 0;
  padding: 0;
}

pre {
  padding: 0;
  margin: 0;
  background-color: $transparent;
  border: none;
  font-size: 14px;

  code {
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    border-color: $code-border-color;
    margin: 0;
    padding: 0;
    background-color: $code-background-color;

    table, pre {
      margin-bottom: 0;
    }
    td {
      border-bottom: 0;
      padding: 0;
    }

  }

  .lineno {
    padding: 10px 10px;
    text-align: right;
    border-radius: 0;
    border-right: 1px solid $code-border-color;
    color: $primary-color;
  }

  .code {
    padding: 10px;
  }
}

@import "_base";

$lineno-text-color: #999;
$code-border-color: #ccc;
$code-background-color: #fff;
$transparent: rgba(0,0,0,0);

.highlight {
  margin: 0;
  padding: 0;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  border-color: $code-border-color;
  background-color: $code-background-color;
}

pre {
  padding: 0;
  margin: 0;
  background-color: $transparent;
  border: none;
  font-size: 14px;

  code {
    background-color: $transparent;
    margin: 0;
    padding: 0;

    table, pre {
      margin-bottom: 0;
    }
    td {
      border-bottom: 0;
      padding: 0;
    }

  }

  .lineno {
    padding: 10px 10px;
    text-align: right;
    border-radius: 0;
    border-right: 1px solid $code-border-color;
    color: $primary-color;
  }

  .code {
    padding: 10px;
  }
}

Fix horizontal scrolling in code samples.
Fix horizontal scrolling in code samples.
