@charset "utf-8";

@import "colors";

/* code data - clickable */
pre.query {
  overflow-x: hidden;
  color: $darkest-orange;
  background-color: $light-orange;
  text-shadow: $light-shadow;
  border: {
    color: $dark-orange;
    style: solid;
    width: 3px;
    radius: 6px;
  }
  white-space: normal;
  cursor: pointer;
  display: block;
  font: {
    size: 11pt;
    weight: bold;
  }
  padding: 2pt;
  margin: 0;
  margin-bottom: 5pt;
  > code {
    white-space: pre;
    display: block;
    padding: 2px 5px;
    margin: 0;
  }
  > span {
     padding: 2pt;
  }
  &.serial, &.api {
    overflow-x: auto;
    &:not(.active) {
      overflow-x: hidden;
      code {
        display: none;
      }
    }
  }
}

pre.query.api {
  background-color: $light-blue;
  color: $darkest-blue;
  border: {
    color: $dark-blue;
  }
}