1body { 2 color: $text-default; 3 font-family: $font-family; 4 font-size: $font-size-base; 5 line-height: $line-height-base; 6 font-weight: $font-weight-base; 7} 8 9p { 10 margin: 0; 11 margin-bottom: $lg-pad; 12} 13 14b, strong { 15 font-weight: $font-weight-strong; 16} 17 18.usr-content p img { 19 margin-top: $lg-pad; 20 margin-bottom: $lg-pad; 21 margin-left: auto; 22 margin-right: auto; 23} 24 25h1, 26h2, 27h3, 28h4, 29h5, 30h6 { 31 color: inherit; 32 font-family: inherit; 33 line-height: 1.3; 34 font-weight: $font-weight-strong; 35 margin-bottom: .7rem; 36} 37 38h1 { 39 font-size: $font-size-h1; 40 margin: $lg-pad 0 $md-pad; 41 letter-spacing: $letter-spacing-base - 0.2; 42} 43 44h2 { 45 font-size: $font-size-h2; 46 margin: $lg-pad 0 $md-pad; 47 letter-spacing: $letter-spacing-base - 0.2; 48} 49 50h3 { 51 font-size: $font-size-h3; 52 margin: $md-pad 0 $xs-pad; 53 color: $text-header-sm; 54} 55 56h4 { 57 font-size: $font-size-h4; 58 margin: $md-pad 0 $xs-pad; 59 color: $text-header-sm; 60} 61 62h5 { 63 font-size: $font-size-h5; 64 margin: $md-pad 0 $xs-pad; 65 color: $text-header-sm; 66} 67 68h6 { 69 font-size: $font-size-h6; 70 margin: $md-pad 0 $xs-pad; 71 color: $text-header-sm; 72} 73 74small { 75 color: $text-ui; 76 vertical-align: bottom; 77} 78 79pre { 80 background: $grey; 81 color: $text-default; 82 display: block; 83 font-family: $monospace; 84 font-size: $font-size-base; 85 margin: $md-pad 0; 86 white-space: pre-wrap; 87 overflow-wrap: break-word; 88} 89 90code { 91 color: $red; 92 font-family: $monospace; 93 font-size: $font-size-base; 94 background: $bg-light-well; 95 line-height: inherit; 96 margin: 0; 97 padding: 0; 98 vertical-align: baseline; 99 word-break: break-all; 100 word-wrap: break-word; 101 display: inline; 102 padding-left: 7px; 103 padding-right: 7px; 104 border-radius: 7px; 105 font-size: $font-size-base; 106} 107 108pre { 109 background: $bg-light-well; 110 padding-left: $sm-pad; 111 padding-right: $sm-pad; 112 border-radius: $sm-pad; 113 color: $red; 114 font-size: $font-size-base; 115 margin-bottom: $margin-default; 116} 117 118a:not(.media):not(.fn_top):not(img):not(div) { 119 text-decoration: none; 120 color: inherit; 121 &:hover, 122 &:focus { 123 text-decoration: none; 124 border-bottom: $border-link; 125 } 126} 127 128a.primary, 129.usr-content .page a:not(.media):not(.fn_top):not(img):not(div), 130a.mediafile { 131 color: $primary; 132 text-decoration: none; 133 border-bottom: $border-link; 134 &:hover, &:focus, &:active { 135 color:$primary-active; 136 } 137 &:visited { 138 color: $link-visited-color; 139 &:hover, &:focus, &:active { 140 color:darken($link-visited-color, 15%); 141 } 142 } 143} 144 145dl { 146 margin-bottom: $md-pad; 147} 148 149dd { 150 margin-left: $xlg-pad; 151} 152 153ul, 154ol { 155 margin-bottom: $margin-default; 156 padding-left: $xlg-pad; 157 vertical-align: baseline; 158} 159 160.usr-content { 161 ul, ol { 162 li { 163 margin-bottom: $sm-pad; 164 } 165 } 166} 167 168blockquote { 169 border-left: 3px solid $primary; 170 font-family: inherit; 171 margin-left: $md-pad; 172 padding-left: $md-pad; 173 padding: 0 1em; 174 font-size: 1.15rem; 175 font-weight: $font-weight-base; 176 font-style: normal; 177 margin-top: 2rem; 178 margin-bottom: 2rem; 179} 180 181figcaption { 182 font-family: inherit; 183} 184 185u { 186 text-decoration: underline; 187} 188 189s { 190 text-decoration: line-through; 191} 192 193sup { 194 vertical-align: super; 195 line-height: 0; 196 font-size: 75%; 197} 198 199sub { 200 font-size: $font-size-small; 201 vertical-align: sub; 202} 203 204mark { 205 background: $yellow; 206} 207