diff options
| author | Patrick H. Lauke <redux@splintered.co.uk> | 2018-12-12 22:24:47 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2018-12-12 22:24:47 +0300 |
| commit | f3fc973dd93d1bb69183404d9985157284a3be7f (patch) | |
| tree | c7e7c767366df2528e738aa4ba29e7950b0e8e5f /scss | |
| parent | 180a06eeb7484048c6bfb381b04bd96a858d42e5 (diff) | |
Remove now unnecessary -ms-viewport and -ms-overflow-style directives (#27789)
Edge/Mobile appears to have moved support for `-ms-viewport` behind a flag at some point, instead supporting meta viewport directives.
Removing this altogether also fixes issues in IE11 on high-dpi displays - see https://github.com/twbs/bootstrap/issues/21780
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_reboot.scss | 17 | ||||
| -rw-r--r-- | scss/bootstrap-grid.scss | 4 |
2 files changed, 2 insertions, 19 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 8abdf1e8c7..d4167cc8ec 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -14,9 +14,7 @@ // 2. Change the default font family in all browsers. // 3. Correct the line height in all browsers. // 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. -// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so -// we force a non-overlapping, non-auto-hiding scrollbar to counteract. -// 6. Change the default tap highlight to be completely transparent in iOS. +// 5. Change the default tap highlight to be completely transparent in iOS. *, *::before, @@ -28,15 +26,7 @@ html { font-family: sans-serif; // 2 line-height: 1.15; // 3 -webkit-text-size-adjust: 100%; // 4 - -ms-overflow-style: scrollbar; // 5 - -webkit-tap-highlight-color: rgba($black, 0); // 6 -} - -// IE10+ doesn't honor `<meta name="viewport">` in some cases. -@at-root { - @-ms-viewport { - width: device-width; - } + -webkit-tap-highlight-color: rgba($black, 0); // 5 } // Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers) @@ -240,9 +230,6 @@ pre { margin-bottom: 1rem; // Don't allow content to break outside overflow: auto; - // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so - // we force a non-overlapping, non-auto-hiding scrollbar to counteract. - -ms-overflow-style: scrollbar; } diff --git a/scss/bootstrap-grid.scss b/scss/bootstrap-grid.scss index 16f5f0dfb9..d435432419 100644 --- a/scss/bootstrap-grid.scss +++ b/scss/bootstrap-grid.scss @@ -5,10 +5,6 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -@at-root { - @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix -} - html { box-sizing: border-box; -ms-overflow-style: scrollbar; |