[Summary view] [Print] [Text view]

   1  /**
   2   * bootstrapoverride.less
   3   *
   4   * This file is meant to contain rules which specifically override
   5   * rules defined in Bootstrap.
   6  */
   7  
   8  // Create missing variables.
   9  @wellBorder: darken(@wellBackground, 7%);
  10  
  11  // Update warning text colour for accessibility.
  12  @warningText:    #8a6d3b;
  13  
  14  // Headings.
  15  h1 {
  16      font-size: round(@baseFontSize * 2.30); // ~32px
  17  }
  18  
  19  h2 {
  20      font-size: round(@baseFontSize * 2.00); // ~28px
  21  }
  22  
  23  h3 {
  24      font-size: round(@baseFontSize * 1.70); // ~24px
  25  }
  26  
  27  h4 {
  28      font-size: round(@baseFontSize * 1.40); // ~20px
  29  }
  30  
  31  h5 {
  32      font-size: round(@baseFontSize * 1.15); // ~16px
  33  }
  34  
  35  h6 {
  36      font-size: round(@baseFontSize * 0.85); // ~12px
  37  }
  38  
  39  h1 small {
  40      font-size: round(@baseFontSize * 1.70); // ~24px
  41  }
  42  
  43  h2 small {
  44      font-size: round(@baseFontSize * 1.40); // ~20px
  45  }
  46  
  47  h3 small {
  48      font-size: round(@baseFontSize * 1.15); // ~16px
  49  }
  50  
  51  h4 small {
  52      font-size: round(@baseFontSize * 0.85); // ~12px
  53  }
  54  
  55  // Printing.
  56  @media print {
  57      a[href]:after {
  58          content: "";
  59      }
  60  }
  61  
  62  // Bootstrap's calculation of blocks within a fluid grid. Copied from their grid code.
  63  .fluid-span (@columns) {
  64      .fluid-span-full(@columns, @fluidGridColumnWidth, @fluidGridGutterWidth);
  65  }
  66  
  67  // TODO: MDL-55142 remove browser these brwoser hacks:
  68  /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */
  69  .fluid-span-full (@columns, @columnWidth, @gutterWidth) {
  70      width: (@columnWidth * @columns) + (@gutterWidth * (@columns - 1));
  71      *width: (@columnWidth * @columns) + (@gutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
  72  }
  73  /* stylelint-enable */
  74  
  75  /**
  76   * Implement missing variables, or faulty ones, in Bootstrap rules.
  77   *
  78   * Those are minimal overrides of Bootstrap rules to introduce the usage
  79   * of a variable, or to fix a variable being used.
  80   */
  81  legend {
  82      border-bottom-color: @tableBorder;
  83      color: @textColor;
  84  }
  85  .breadcrumb {
  86      background-color: @wellBackground;
  87  }
  88  .well {
  89      border-color: @wellBorder;
  90  }
  91  
  92  // Subscript and superscript - required to prevent bugs in contenteditable divs.
  93  sup {
  94      vertical-align: super;
  95  }
  96  sub {
  97      vertical-align: sub;
  98  }
  99  .dropdown-backdrop {
 100      position: static;
 101  }