www.aleph1.co.uk Git - yaffs-website/blob - vendor/twbs/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss

   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   border-radius: $border-radius-base;
  21 }
  22
  23 // User input typically entered via keyboard
  24 kbd {
  25   padding: 2px 4px;
  26   font-size: 90%;
  27   color: $kbd-color;
  28   background-color: $kbd-bg;
  29   border-radius: $border-radius-small;
  30   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  31
  32   kbd {
  33     padding: 0;
  34     font-size: 100%;
  35     font-weight: bold;
  36     box-shadow: none;
  37   }
  38 }
  39
  40 // Blocks of code
  41 pre {
  42   display: block;
  43   padding: (($line-height-computed - 1) / 2);
  44   margin: 0 0 ($line-height-computed / 2);
  45   font-size: ($font-size-base - 1); // 14px to 13px
  46   line-height: $line-height-base;
  47   word-break: break-all;
  48   word-wrap: break-word;
  49   color: $pre-color;
  50   background-color: $pre-bg;
  51   border: 1px solid $pre-border-color;
  52   border-radius: $border-radius-base;
  53
  54   // Account for some code outputs that place code tags in pre tags
  55   code {
  56     padding: 0;
  57     font-size: inherit;
  58     color: inherit;
  59     white-space: pre-wrap;
  60     background-color: transparent;
  61     border-radius: 0;
  62   }
  63 }
  64
  65 // Enable scrollable blocks of code
  66 .pre-scrollable {
  67   max-height: $pre-scrollable-max-height;
  68   overflow-y: scroll;
  69 }