// Solarized Code Highlighting // Adapted from gist.github.com/nicolashery/5765395

code {

background-color: var(--secondary-bg-color);
border-radius: 0.25em;
font-size: 0.85em;
padding: 0.2em;

}

.highlighter-rouge {

margin: 2em auto;
text-align: center;

> .highlight {
  border-radius: 0.25em;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.05),
    0 3px 3px rgba(0, 0, 0, 0.22);
  line-height: 1;
}

}

.highlight {

code {
  padding: 0;
}

table {
  border-spacing: 0;
  margin: auto;
}

}

.rouge-code {

padding-left: 0.25em;
padding-right: 1em;

}

.highlight {

display: inline-block;
font-size: 0.85em;
line-height: 1.33em;
margin: auto;
overflow: auto;
text-align: left;
background-color: var(--solarized-base3);
color: var(--solarized-base01);

.gl {
  background-color: var(--solarized-base2);
  padding: 0 0.5em;
  text-align: right;
}

.c,
.c1,
.cm,
.sb {
  color: var(--solarized-base1);
}

.err,
.g,
.ge,
.go,
.gp,
.gs,
.gt,
.l,
.ld,
.n,
.na,
.nl,
.nn,
.nx,
.p,
.py,
.sd,
.sh,
.w {
  color: var(--solarized-base01);
}

.gd,
.il,
.m,
.mf,
.mh,
.mi,
.mo,
.s,
.s1,
.s2,
.sc,
.si,
.ss,
.sx {
  color: var(--solarized-cyan);
}

.bp,
.kd,
.kr,
.nc,
.nd,
.nf,
.nt,
.nv,
.vc,
.vg,
.vi {
  color: var(--solarized-blue);
}

.cp,
.cs,
.gi,
.k,
.kn,
.kp,
.o,
.ow {
  color: var(--solarized-green);
}

.gh,
.gu,
.kc,
.ne,
.ni,
.no,
.se,
.x {
  color: var(--solarized-orange);
}

.gr,
.kt,
.sr {
  color: var(--solarized-red);
}

.nb {
  color: var(--solarized-yellow);
}

.ge {
  font-style: italic;
}

.gs {
  font-weight: bold;
}

}

@media (prefers-color-scheme: dark) {

.highlight {
  background-color: var(--solarized-base03);
  color: var(--solarized-base1);

  .gl {
    background-color: var(--solarized-base02);
  }

  .c,
  .c1,
  .cm,
  .sb {
    color: var(--solarized-base01);
  }

  .err,
  .g,
  .ge,
  .go,
  .gp,
  .gs,
  .gt,
  .l,
  .ld,
  .n,
  .na,
  .nl,
  .nn,
  .nx,
  .p,
  .py,
  .sd,
  .sh,
  .w {
    color: var(--solarized-base1);
  }
}

}