src/scss/bootstrap-4.0.0-alpha.6/scss/_code.scss

   1 // Inline and block code styles
   2 code,
   3 kbd,
   4 pre,
   5 samp {
   6   font-family: $font-family-monospace;
   7 }
   8
   9 // Inline code
  10 code {
  11   padding: $code-padding-y $code-padding-x;
  12   font-size: $code-font-size;
  13   color: $code-color;
  14   background-color: $code-bg;
  15   @include border-radius($border-radius);
  16
  17   // Streamline the style when inside anchors to avoid broken underline and more
  18   a > & {
  19     padding: 0;
  20     color: inherit;
  21     background-color: inherit;
  22   }
  23 }
  24
  25 // User input typically entered via keyboard
  26 kbd {
  27   padding: $code-padding-y $code-padding-x;
  28   font-size: $code-font-size;
  29   color: $kbd-color;
  30   background-color: $kbd-bg;
  31   @include border-radius($border-radius-sm);
  32   @include box-shadow($kbd-box-shadow);
  33
  34   kbd {
  35     padding: 0;
  36     font-size: 100%;
  37     font-weight: $nested-kbd-font-weight;
  38     @include box-shadow(none);
  39   }
  40 }
  41
  42 // Blocks of code
  43 pre {
  44   display: block;
  45   margin-top: 0;
  46   margin-bottom: 1rem;
  47   font-size: $code-font-size;
  48   color: $pre-color;
  49
  50   // Account for some code outputs that place code tags in pre tags
  51   code {
  52     padding: 0;
  53     font-size: inherit;
  54     color: inherit;
  55     background-color: transparent;
  56     border-radius: 0;
  57   }
  58 }
  59
  60 // Enable scrollable blocks of code
  61 .pre-scrollable {
  62   max-height: $pre-scrollable-max-height;
  63   overflow-y: scroll;
  64 }