|
78 | 78 | canvas, |
79 | 79 | progress, |
80 | 80 | video { |
81 | | - @if (map-get($browser-minimum-versions, "ie") <= 8) { |
| 81 | + @if (map-get($browser-minimum-versions, "ie") <= 9) { |
82 | 82 | display: inline-block; /* 1 */ |
83 | 83 | } |
84 | 84 | vertical-align: baseline; /* 2 */ |
@@ -168,8 +168,8 @@ dfn { |
168 | 168 | */ |
169 | 169 |
|
170 | 170 | h1 { |
171 | | - font-size: if($rhythm-unit == "px", $h1-font-size, ($h1-font-size / $base-font-size)#{$rhythm-unit}); |
172 | | - margin: if($rhythm-unit == "px", $base-line-height, ($base-font-size / $base-line-height)#{$rhythm-unit}) 0; |
| 171 | + font-size: if($rhythm-unit == "px", $h1-font-size, #{($h1-font-size / $base-font-size)}#{$rhythm-unit}); |
| 172 | + margin: if($rhythm-unit == "px", $base-line-height, #{($base-font-size / $base-line-height)}#{$rhythm-unit}) 0; |
173 | 173 | } |
174 | 174 |
|
175 | 175 | @if (map-get($browser-minimum-versions, "ie") <= 9) { |
@@ -300,12 +300,14 @@ textarea { |
300 | 300 | margin: 0; /* 3 */ |
301 | 301 | } |
302 | 302 |
|
303 | | -/** |
304 | | - * Address `overflow` set to `hidden` in IE 8/9/10/11. |
305 | | - */ |
| 303 | +@if (map-get($browser-minimum-versions, "ie") <= 11) { |
| 304 | + /** |
| 305 | + * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| 306 | + */ |
306 | 307 |
|
307 | | -button { |
308 | | - overflow: visible; |
| 308 | + button { |
| 309 | + overflow: visible; |
| 310 | + } |
309 | 311 | } |
310 | 312 |
|
311 | 313 | /** |
@@ -364,18 +366,20 @@ input { |
364 | 366 | line-height: normal; |
365 | 367 | } |
366 | 368 |
|
367 | | -/** |
368 | | - * It's recommended that you don't attempt to style these elements. |
369 | | - * Firefox's implementation doesn't respect box-sizing, padding, or width. |
370 | | - * |
371 | | - * 1. Address box sizing set to `content-box` in IE 8/9/10. |
372 | | - * 2. Remove excess padding in IE 8/9/10. |
373 | | - */ |
| 369 | +@if (map-get($browser-minimum-versions, "ie") <= 10) { |
| 370 | + /** |
| 371 | + * It's recommended that you don't attempt to style these elements. |
| 372 | + * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| 373 | + * |
| 374 | + * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| 375 | + * 2. Remove excess padding in IE 8/9/10. |
| 376 | + */ |
374 | 377 |
|
375 | | -input[type="checkbox"], |
376 | | -input[type="radio"] { |
377 | | - box-sizing: border-box; /* 1 */ |
378 | | - padding: 0; /* 2 */ |
| 378 | + input[type="checkbox"], |
| 379 | + input[type="radio"] { |
| 380 | + box-sizing: border-box; /* 1 */ |
| 381 | + padding: 0; /* 2 */ |
| 382 | + } |
379 | 383 | } |
380 | 384 |
|
381 | 385 | /** |
@@ -435,12 +439,14 @@ legend { |
435 | 439 | padding: 0; /* 2 */ |
436 | 440 | } |
437 | 441 |
|
438 | | -/** |
439 | | - * Remove default vertical scrollbar in IE 8/9/10/11. |
440 | | - */ |
| 442 | +@if (map-get($browser-minimum-versions, "ie") <= 11) { |
| 443 | + /** |
| 444 | + * Remove default vertical scrollbar in IE 8/9/10/11. |
| 445 | + */ |
441 | 446 |
|
442 | | -textarea { |
443 | | - overflow: auto; |
| 447 | + textarea { |
| 448 | + overflow: auto; |
| 449 | + } |
444 | 450 | } |
445 | 451 |
|
446 | 452 | /** |
|
0 commit comments