Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Mark Otto's avatar
    Fixes #17969: Clear horizontal dls · ccf971d8
    Mark Otto authored 
    - Using the grid classes, they still need clearfixes since rows aren't injected between them all
- Update docs to fix broken classes
    ccf971d8
_type.scss 2.44 KiB
1 
//
2 
// Headings
3 
//
4
5 
h1, h2, h3, h4, h5, h6,
6 
.h1, .h2, .h3, .h4, .h5, .h6 {
7 
  margin-bottom: $headings-margin-bottom;
8 
  font-family: $headings-font-family;
9 
  font-weight: $headings-font-weight;
10 
  line-height: $headings-line-height;
11 
  color: $headings-color;
12 
}
13
14 
h1, .h1 { font-size: $font-size-h1; }
15 
h2, .h2 { font-size: $font-size-h2; }
16 
h3, .h3 { font-size: $font-size-h3; }
17 
h4, .h4 { font-size: $font-size-h4; }
18 
h5, .h5 { font-size: $font-size-h5; }
19 
h6, .h6 { font-size: $font-size-h6; }
20
21 
.lead {
22 
  font-size: $lead-font-size;
23 
  font-weight: $lead-font-weight;
24 
}
25
26 
// Type display classes
27 
.display-1 {
28 
  font-size: $display1-size;
29 
  font-weight: $display1-weight;
30 
}
31 
.display-2 {
32 
  font-size: $display2-size;
33 
  font-weight: $display2-weight;
34 
}
35 
.display-3 {
36 
  font-size: $display3-size;
37 
  font-weight: $display3-weight;
38 
}
39 
.display-4 {
40 
  font-size: $display4-size;
41 
  font-weight: $display4-weight;
42 
}
43
44
45 
//
46 
// Horizontal rules
47 
//
48
49 
hr {
50 
  margin-top: $spacer-y;
51 
  margin-bottom: $spacer-y;
52 
  border: 0;
53 
  border-top: $hr-border-width solid $hr-border-color;
54 
}
55
56
57 
//
58 
// Emphasis
59 
//
60
61 
small,
62 
.small {
63 
  font-size: 80%;
64 
  font-weight: normal;
65 
}
66
67 
mark,
68 
.mark {
69 
  padding: .2em;
70 
  background-color: $state-warning-bg;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
} // // Lists // .list-unstyled { @include list-unstyled; } // Inline turns list items into inline-block .list-inline { @include list-unstyled; } .list-inline-item { display: inline-block; &:not(:last-child) { margin-right: $list-inline-padding; } } // // Misc // // Builds on `abbr` .initialism { font-size: 90%; text-transform: uppercase; } // Blockquotes .blockquote { padding: ($spacer / 2) $spacer; margin-bottom: $spacer; font-size: $blockquote-font-size; border-left: $blockquote-border-width solid $blockquote-border-color; } .blockquote-footer { display: block; font-size: 80%; // back to default font-size color: $blockquote-small-color; &::before { content: "\2014 \00A0"; // em dash, nbsp } } // Opposite alignment of blockquote .blockquote-reverse { padding-right: $spacer; padding-left: 0; text-align: right; border-right: $blockquote-border-width solid $blockquote-border-color; border-left: 0; } .blockquote-reverse .blockquote-footer { &::before { content: ""; } &::after { content: "\00A0 \2014"; // nbsp, em dash } }
141142143144145146147148149
// Clean up some horizontal `<dl>`s built with grids // scss-lint:disable QualifyingElement dl.row { > dd + dt { clear: left; } } // scss-lint:enable QualifyingElement