portal-FE-common/src/styles/bootstrap/_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   font-size: $code-font-size;
  12   color: $code-color;
  13   word-break: break-word;
  14
  15   // Streamline the style when inside anchors to avoid broken underline and more
  16   a > & {
  17     color: inherit;
  18   }
  19 }
  20
  21 // User input typically entered via keyboard
  22 kbd {
  23   padding: $kbd-padding-y $kbd-padding-x;
  24   font-size: $kbd-font-size;
  25   color: $kbd-color;
  26   background-color: $kbd-bg;
  27   @include border-radius($border-radius-sm);
  28   @include box-shadow($kbd-box-shadow);
  29
  30   kbd {
  31     padding: 0;
  32     font-size: 100%;
  33     font-weight: $nested-kbd-font-weight;
  34     @include box-shadow(none);
  35   }
  36 }
  37
  38 // Blocks of code
  39 pre {
  40   display: block;
  41   font-size: $code-font-size;
  42   color: $pre-color;
  43
  44   // Account for some code outputs that place code tags in pre tags
  45   code {
  46     font-size: inherit;
  47     color: inherit;
  48     word-break: normal;
  49   }
  50 }
  51
  52 // Enable scrollable blocks of code
  53 .pre-scrollable {
  54   max-height: $pre-scrollable-max-height;
  55   overflow-y: scroll;
  56 }