css/bootstrap/code.less

   1 //
   2 // Code (inline and block)
   3 // --------------------------------------------------
   4
   5
   6 // Inline and block code styles
   7 code,
   8 kbd,
   9 pre,
  10 samp {
  11   font-family: @font-family-monospace;
  12 }
  13
  14 // Inline code
  15 code {
  16   padding: 2px 4px;
  17   font-size: 90%;
  18   color: @code-color;
  19   background-color: @code-bg;
  20   white-space: nowrap;
  21   border-radius: @border-radius-base;
  22 }
  23
  24 // User input typically entered via keyboard
  25 kbd {
  26   padding: 2px 4px;
  27   font-size: 90%;
  28   color: @kbd-color;
  29   background-color: @kbd-bg;
  30   border-radius: @border-radius-small;
  31   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  32 }
  33
  34 // Blocks of code
  35 pre {
  36   display: block;
  37   padding: ((@line-height-computed - 1) / 2);
  38   margin: 0 0 (@line-height-computed / 2);
  39   font-size: (@font-size-base - 1); // 14px to 13px
  40   line-height: @line-height-base;
  41   word-break: break-all;
  42   word-wrap: break-word;
  43   color: @pre-color;
  44   background-color: @pre-bg;
  45   border: 1px solid @pre-border-color;
  46   border-radius: @border-radius-base;
  47
  48   // Account for some code outputs that place code tags in pre tags
  49   code {
  50     padding: 0;
  51     font-size: inherit;
  52     color: inherit;
  53     white-space: pre-wrap;
  54     background-color: transparent;
  55     border-radius: 0;
  56   }
  57 }
  58
  59 // Enable scrollable blocks of code
  60 .pre-scrollable {
  61   max-height: @pre-scrollable-max-height;
  62   overflow-y: scroll;
  63 }