/* Table of Contents
==================================================
# Code and pre
# Colors
# Pygments
# Media Queries */

/* # Code and pre
================================================== */
code,
pre {
  background: $color-white;
  border: 1px solid $color-haze;
  border-radius: 2px;
  color: $color-dark-black;
  font-family: $typography-monospace;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  text-decoration: none;
  text-transform: none;
  white-space: pre;
}
code { padding: 4px 5px; }
pre {
  display: block;
  padding: 20px;
  word-break: break-all;
  word-wrap: break-word;
}

/* # Colors
================================================== */
.code-dark,
.pre-dark {
  background: $color-black;
  border-color: $color-dark-black;
  color: $color-gray;
}
.code-light,
.pre-light {
  background: $color-light-haze;
  border-color: $color-dark-haze;
}
.pre-dark .err { background: $color-gray; }
.pre-dark .gp,
.pre-dark .gu { color: $color-gray; }

/* # Pygments
================================================== */
.c {
  color: $color-light-gray;
  font-style: italic;
} /* Comment */
.err {
  color: $color-red;
  background: $color-black;
} /* Error */
.k { color: $color-blue; } /* Keyword */
.cm {
  color: $color-light-gray;
  font-style: italic;
} /* Comment.Multiline */
.cp { color: $color-green; } /* Comment.Preproc */
.c1 {
  color: $color-light-gray;
  font-style: italic;
} /* Comment.Single */
.cs {
  color: $color-blue;
  font-style: italic;
} /* Comment.Special */
.gd { color: $color-red; } /* Generic.Deleted */
.ge { font-style: italic; } /* Generic.Emph */
.gr { color: $color-red } /* Generic.Error */
.gh {
  color: $color-blue;
  font-weight: bold;
} /* Generic.Heading */
.gi { color: $color-green; } /* Generic.Inserted */
.go { color: $color-gray; } /* Generic.Output */
.gp { color: $color-dark-black; } /* Generic.Prompt */
.gs { font-weight: bold; } /* Generic.Strong */
.gu {
  color: $color-dark-black;
  font-weight: bold;
} /* Generic.Subheading */
.gt { color: $color-red; } /* Generic.Traceback */
.kc { color: $color-blue; } /* Keyword.Constant */
.kd { color: $color-blue; } /* Keyword.Declaration */
.kn { color: $color-blue; } /* Keyword.Namespace */
.kp { color: $color-blue; } /* Keyword.Pseudo */
.kr { color: $color-blue; } /* Keyword.Reserved */
.kt { color: $color-green; } /* Keyword.Type */
.m { color: $color-green; } /* Literal.Number */
.s { color: $color-blue; } /* Literal.String */
.sa { color: $color-green; } /* Literal.String.Alternate */
.na { color: $color-blue; } /* Name.Attribute */
.nb { color: $color-green; } /* Name.Builtin */
.nc { color: $color-green; } /* Name.Class */
.no { color: $color-red; } /* Name.Constant */
.nd { color: $color-gray; } /* Name.Decorator */
.ni {
  color: $color-red;
  font-weight: bold;
} /* Name.Entity */
.nf { color: $color-green; } /* Name.Function */
.nn { color: $color-green; } /* Name.Namespace */
.nt   {
  color: $color-blue;
  font-weight: bold;
} /* Name.Tag */
.nv { color: $color-red; } /* Name.Variable */
.ow { color: $color-blue; } /* Operator.Word */
.w { color: $color-gray; } /* Text.Whitespace */
.mf { color: $color-green; } /* Literal.Number.Float */
.mh { color: $color-green; } /* Literal.Number.Hex */
.mi { color: $color-green; } /* Literal.Number.Integer */
.mo { color: $color-green; } /* Literal.Number.Oct */
.sb { color: $color-blue; } /* Literal.String.Backtick */
.sc { color: $color-blue; } /* Literal.String.Char */
.sd { color: $color-blue; } /* Literal.String.Doc */
.s2 { color: $color-blue; } /* Literal.String.Double */
.se { color: $color-blue; } /* Literal.String.Escape */
.sh { color: $color-blue; } /* Literal.String.Heredoc */
.si { color: $color-blue; } /* Literal.String.Interpol */
.sx { color: $color-blue; } /* Literal.String.Other */
.sr { color: $color-green; } /* Literal.String.Regex */
.s1 { color: $color-blue; } /* Literal.String.Single */
.ss { color: $color-blue; } /* Literal.String.Symbol */
.bp { color: $color-green; } /* Name.Builtin.Pseudo */
.vc { color: $color-red; } /* Name.Variable.Class */
.vg { color: $color-red; } /* Name.Variable.Global */
.vi { color: $color-red; } /* Name.Variable.Instance */
.il { color: $color-green; } /* Literal.Number.Integer.Long */

/* # Media Queries
================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  code,
  pre { border-width: 0.5px; }
}