// code highlight @import “../variables”;

.highlight {

border-radius: 3px;
background: $color-primary;
::-webkit-scrollbar{
  //width: 20px;
  height: .5rem;
}
::-webkit-scrollbar-thumb{
  border-radius: 1em;
  background-color: $color-primary-light;
}
::-webkit-scrollbar-track{
  border-radius: 1em;
  background-color: $color-primary-dark;
}
.highlighter-rouge & {
  background: $color-primary;
}

}

pre, code {

font-family: $monospaced;
font-size: 0.9375em;
border: 1px solid $color-primary;
border-radius: 3px;
background-color: $color-primary;

} code {

padding: 1px 5px;

} pre {

padding: 8px 12px;
overflow-x: auto;
> code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}

} .rouge-gutter, .gutter {

$color-gl: $color-secondary-light;
border-right: 1px solid $color-primary-dark;
.lineno {
  padding-right: 1rem;
  color: $color-secondary-light;
}

} .code {

padding: 0 1rem;

} code.language-plaintext {

background-color: $color-primary;
color: $color-secondary-dark;
font-weight: bold;
padding: 2px 4px;
word-wrap:break-word;

}

.rouge-code pre {

margin-bottom: 0 !important;

}