[Summary view] [Print] [Text view]

   1  // stylelint-disable declaration-no-important, selector-list-comma-newline-after
   2  
   3  //
   4  // Headings
   5  //
   6  
   7  h1, h2, h3, h4, h5, h6,
   8  .h1, .h2, .h3, .h4, .h5, .h6 {
   9    margin-bottom: $headings-margin-bottom;
  10    font-family: $headings-font-family;
  11    font-weight: $headings-font-weight;
  12    line-height: $headings-line-height;
  13    color: $headings-color;
  14  }
  15  
  16  h1, .h1 { @include font-size($h1-font-size); }
  17  h2, .h2 { @include font-size($h2-font-size); }
  18  h3, .h3 { @include font-size($h3-font-size); }
  19  h4, .h4 { @include font-size($h4-font-size); }
  20  h5, .h5 { @include font-size($h5-font-size); }
  21  h6, .h6 { @include font-size($h6-font-size); }
  22  
  23  .lead {
  24    @include font-size($lead-font-size);
  25    font-weight: $lead-font-weight;
  26  }
  27  
  28  // Type display classes
  29  .display-1 {
  30    @include font-size($display1-size);
  31    font-weight: $display1-weight;
  32    line-height: $display-line-height;
  33  }
  34  .display-2 {
  35    @include font-size($display2-size);
  36    font-weight: $display2-weight;
  37    line-height: $display-line-height;
  38  }
  39  .display-3 {
  40    @include font-size($display3-size);
  41    font-weight: $display3-weight;
  42    line-height: $display-line-height;
  43  }
  44  .display-4 {
  45    @include font-size($display4-size);
  46    font-weight: $display4-weight;
  47    line-height: $display-line-height;
  48  }
  49  
  50  
  51  //
  52  // Horizontal rules
  53  //
  54  
  55  hr {
  56    margin-top: $hr-margin-y;
  57    margin-bottom: $hr-margin-y;
  58    border: 0;
  59    border-top: $hr-border-width solid $hr-border-color;
  60  }
  61  
  62  
  63  //
  64  // Emphasis
  65  //
  66  
  67  small,
  68  .small {
  69    @include font-size($small-font-size);
  70    font-weight: $font-weight-normal;
  71  }
  72  
  73  mark,
  74  .mark {
  75    padding: $mark-padding;
  76    background-color: $mark-bg;
  77  }
  78  
  79  
  80  //
  81  // Lists
  82  //
  83  
  84  .list-unstyled {
  85    @include list-unstyled();
  86  }
  87  
  88  // Inline turns list items into inline-block
  89  .list-inline {
  90    @include list-unstyled();
  91  }
  92  .list-inline-item {
  93    display: inline-block;
  94  
  95    &:not(:last-child) {
  96      margin-right: $list-inline-padding;
  97    }
  98  }
  99  
 100  
 101  //
 102  // Misc
 103  //
 104  
 105  // Builds on `abbr`
 106  .initialism {
 107    @include font-size(90%);
 108    text-transform: uppercase;
 109  }
 110  
 111  // Blockquotes
 112  .blockquote {
 113    margin-bottom: $spacer;
 114    @include font-size($blockquote-font-size);
 115  }
 116  
 117  .blockquote-footer {
 118    display: block;
 119    @include font-size($blockquote-small-font-size);
 120    color: $blockquote-small-color;
 121  
 122    &::before {
 123      content: "\2014\00A0"; // em dash, nbsp
 124    }
 125  }