tmpl/less/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 // Blocks of code
  25 pre {
  26   display: block;
  27   padding: ((@line-height-computed - 1) / 2);
  28   margin: 0 0 (@line-height-computed / 2);
  29   font-size: (@font-size-base - 1); // 14px to 13px
  30   line-height: @line-height-base;
  31   word-break: break-all;
  32   word-wrap: break-word;
  33   color: @pre-color;
  34   background-color: @pre-bg;
  35   border: 1px solid @pre-border-color;
  36   border-radius: @border-radius-base;
  37
  38   // Account for some code outputs that place code tags in pre tags
  39   code {
  40     padding: 0;
  41     font-size: inherit;
  42     color: inherit;
  43     white-space: pre-wrap;
  44     background-color: transparent;
  45     border-radius: 0;
  46   }
  47 }
  48
  49 // Enable scrollable blocks of code
  50 .pre-scrollable {
  51   max-height: @pre-scrollable-max-height;
  52   overflow-y: scroll;
  53 }