git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/code.less

   1 //
   2 // Code (inline and blocK)
   3 // --------------------------------------------------
   4
   5
   6 // Inline and block code styles
   7 code,
   8 pre {
   9   font-family: @font-family-monospace;
  10 }
  11
  12 // Inline code
  13 code {
  14   padding: 2px 4px;
  15   font-size: 90%;
  16   color: @code-color;
  17   background-color: @code-bg;
  18   white-space: nowrap;
  19   border-radius: 4px;
  20 }
  21
  22 // Blocks of code
  23 pre {
  24   display: block;
  25   padding: ((@line-height-computed - 1) / 2);
  26   margin: 0 0 (@line-height-computed / 2);
  27   font-size: (@font-size-base - 1); // 14px to 13px
  28   line-height: @line-height-base;
  29   word-break: break-all;
  30   word-wrap: break-word;
  31   color: @gray-dark;
  32   background-color: @pre-bg;
  33   border: 1px solid @pre-border-color;
  34   border-radius: @border-radius-base;
  35
  36   // Make prettyprint styles more spaced out for readability
  37   &.prettyprint {
  38     margin-bottom: @line-height-computed;
  39   }
  40
  41   // Account for some code outputs that place code tags in pre tags
  42   code {
  43     padding: 0;
  44     color: inherit;
  45     white-space: pre-wrap;
  46     background-color: transparent;
  47     border: 0;
  48   }
  49 }
  50
  51 // Enable scrollable blocks of code
  52 .pre-scrollable {
  53   max-height: 340px;
  54   overflow-y: scroll;
  55 }