Wrap `@viewport` with `@at-root` for nested import

See https://github.com/twbs/bootstrap-sass/pull/805

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 16e9603f31eba9c58acfe4f23460e088bae0f6ad..f25e2cdb1d012b7a2307131c6a657dae9b08b054 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -42,12 +42,13 @@ html {
 //
 // See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.
 
-@-moz-viewport      { width: device-width; }
-@-ms-viewport       { width: device-width; }
-@-o-viewport        { width: device-width; }
-@-webkit-viewport   { width: device-width; }
-@viewport           { width: device-width; }
-
+@at-root {
+  @-moz-viewport      { width: device-width; }
+  @-ms-viewport       { width: device-width; }
+  @-o-viewport        { width: device-width; }
+  @-webkit-viewport   { width: device-width; }
+  @viewport           { width: device-width; }
+}
 
 //
 // Reset HTML, body, and more