projects / ipfire.org.git / blame
| Commit | Line | Data |
|---|---|---|
| 91e44d91 S |
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 | line-height: $display-line-height; | |
| 31 | } | |
| 32 | .display-2 { | |
| 33 | font-size: $display2-size; | |
| 34 | font-weight: $display2-weight; | |
| 35 | line-height: $display-line-height; | |
| 36 | } | |
| 37 | .display-3 { | |
| 38 | font-size: $display3-size; | |
| 39 | font-weight: $display3-weight; | |
| 40 | line-height: $display-line-height; | |
| 41 | } | |
| 42 | .display-4 { | |
| 43 | font-size: $display4-size; | |
| 44 | font-weight: $display4-weight; | |
| 45 | line-height: $display-line-height; | |
| 46 | } | |
| 47 | ||
| 48 | ||
| 49 | // | |
| 50 | // Horizontal rules | |
| 51 | // | |
| 52 | ||
| 53 | hr { | |
| 54 | margin-top: $spacer-y; | |
| 55 | margin-bottom: $spacer-y; | |
| 56 | border: 0; | |
| 57 | border-top: $hr-border-width solid $hr-border-color; | |
| 58 | } | |
| 59 | ||
| 60 | ||
| 61 | // | |
| 62 | // Emphasis | |
| 63 | // | |
| 64 | ||
| 65 | small, | |
| 66 | .small { | |
| 67 | font-size: $small-font-size; | |
| 68 | font-weight: $font-weight-normal; | |
| 69 | } | |
| 70 | ||
| 71 | mark, | |
| 72 | .mark { | |
| 73 | padding: $mark-padding; | |
| 74 | background-color: $mark-bg; | |
| 75 | } | |
| 76 | ||
| 77 | ||
| 78 | // | |
| 79 | // Lists | |
| 80 | // | |
| 81 | ||
| 82 | .list-unstyled { | |
| 83 | @include list-unstyled; | |
| 84 | } | |
| 85 | ||
| 86 | // Inline turns list items into inline-block | |
| 87 | .list-inline { | |
| 88 | @include list-unstyled; | |
| 89 | } | |
| 90 | .list-inline-item { | |
| 91 | display: inline-block; | |
| 92 | ||
| 93 | &:not(:last-child) { | |
| 94 | margin-right: $list-inline-padding; | |
| 95 | } | |
| 96 | } | |
| 97 | ||
| 98 | ||
| 99 | // | |
| 100 | // Misc | |
| 101 | // | |
| 102 | ||
| 103 | // Builds on `abbr` | |
| 104 | .initialism { | |
| 105 | font-size: 90%; | |
| 106 | text-transform: uppercase; | |
| 107 | } | |
| 108 | ||
| 109 | // Blockquotes | |
| 110 | .blockquote { | |
| 111 | padding: ($spacer / 2) $spacer; | |
| 112 | margin-bottom: $spacer; | |
| 113 | font-size: $blockquote-font-size; | |
| 114 | border-left: $blockquote-border-width solid $blockquote-border-color; | |
| 115 | } | |
| 116 | ||
| 117 | .blockquote-footer { | |
| 118 | display: block; | |
| 119 | font-size: 80%; // back to default font-size | |
| 120 | color: $blockquote-small-color; | |
| 121 | ||
| 122 | &::before { | |
| 123 | content: "\2014 \00A0"; // em dash, nbsp | |
| 124 | } | |
| 125 | } | |
| 126 | ||
| 127 | // Opposite alignment of blockquote | |
| 128 | .blockquote-reverse { | |
| 129 | padding-right: $spacer; | |
| 130 | padding-left: 0; | |
| 131 | text-align: right; | |
| 132 | border-right: $blockquote-border-width solid $blockquote-border-color; | |
| 133 | border-left: 0; | |
| 134 | } | |
| 135 | ||
| 136 | .blockquote-reverse .blockquote-footer { | |
| 137 | &::before { | |
| 138 | content: ""; | |
| 139 | } | |
| 140 | &::after { | |
| 141 | content: "\00A0 \2014"; // nbsp, em dash | |
| 142 | } | |
| 143 | } |