$kl-prefix: "kl-";
@import "keylighter/fallback";

pre.keylighter {
  background-color: #181818;
  color: $foreground;
  font-weight: 100;
  border-radius: 0;
  border: none;
  font-size: 10pt;
}

pre.keylighter:not(.inline), .try-it textarea {
  background: #181818 url("../img/overlay.png") no-repeat right 30px bottom 0;
  padding: 25px !important;
}

pre.keylighter.inline {
  display: inline-block;
  padding: .25rem .5rem;
  vertical-align: baseline;
  margin-bottom: 0;
}

code.keylighter {
  background-color: #181818;
  color: $foreground;
}

.keylighter.inline {
  padding: .25rem .5rem;
}

code {
  color: $background;
  background: $gray-100;
  white-space: pre;
}

.close {
  float: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-shadow: none;
  opacity: inherit;
}

.close:focus, .close:hover {
  color: inherit;
  text-decoration: inherit;
  opacity: inherit;
}

$kl-prefix: "";
@import "keylighter/fallback";