//

// Code (inline and block)

// --------------------------------------------------

// Inline and block code styles

code,

kbd,

pre,

samp {

  font-family: $font-family-monospace;

}

// Inline code

code {

  padding: 2px 4px;

  font-size: 90%;

  color: $code-color;

  background-color: $code-bg;

  border-radius: $border-radius-base;

}

// User input typically entered via keyboard

kbd {

  padding: 2px 4px;

  font-size: 90%;

  color: $kbd-color;

  background-color: $kbd-bg;

  border-radius: $border-radius-small;

  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);

  kbd {

    padding: 0;

    font-size: 100%;

    font-weight: bold;

    box-shadow: none;

  }

}

// Blocks of code

pre {

  display: block;

  padding: (($line-height-computed - 1) / 2);

  margin: 0 0 ($line-height-computed / 2);

  font-size: ($font-size-base - 1); // 14px to 13px

  line-height: $line-height-base;

  word-break: break-all;

  word-wrap: break-word;

  color: $pre-color;

  background-color: $pre-bg;

  border: 1px solid $pre-border-color;

  border-radius: $border-radius-base;

  // Account for some code outputs that place code tags in pre tags

  code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border-radius: 0;

  }

}

// Enable scrollable blocks of code

.pre-scrollable {

  max-height: $pre-scrollable-max-height;

  overflow-y: scroll;

}