video/public/less/code.less

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