Adjust layout widths for IE only

2018-09-12 09:44:53 -04:00 · 2018-09-12 09:44:53 -04:00 · 4515951ce2
commit 4515951ce2
parent e9bb0565a8
1 changed files with 16 additions and 0 deletions
--- a/styles/components/_global_layout.scss
+++ b/styles/components/_global_layout.scss
@ -29,8 +29,24 @@
    overflow-x: hidden;
    flex-grow: 1;

+    @include ie-only {
+      max-width: 85%;
+    }
+
    @include media($medium-screen) {
      margin: $gap * 2;
    }
+
+    @include media($large-screen) {
+      @include ie-only {
+        max-width: 80%;
+      }
+    }
+
+    @include media($xlarge-screen) {
+      @include ie-only {
+        max-width: $site-max-width;
+      }
+    }
  }
 }