// =============================================================================
// _CODE.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Inline and Block Code Styles
//   02. Inline Code
//   03. Blocks of Code
// =============================================================================

// Inline and Block Code Styles
// =============================================================================

code,
pre {
  @include font-family-monospace();
  color: $gray;
  background-color: $baseBorderSolid;
  background-color: $baseBorderRgba;
}



// Inline Code
// =============================================================================

code {
  padding: 0.143em 0.286em;
  font-size: 0.85em;
  border: 1px solid $baseBorderSolid;
  border: 1px solid $baseBorderRgba;
}



// Blocks of Code
// =============================================================================

pre {
  display: block;
  margin: 0 0 $baseMargin;
  border: 1px solid $baseBorderSolid;
  border: 1px solid $baseBorderRgba;
  padding: 0.786em 1.071em;
  font-size: 1.15em;
  line-height: $baseLineHeight;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;

  code { 
    padding: 0;
    background-color: transparent;
    border: 0;
  }
}


//
// Enable scrollable blocks of code.
//

.pre-scrollable {
  max-height: 360px;
  overflow-y: scroll;
}