From 4515951ce29c93edf0f2f2ef2334a4c8a8650a4a Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Wed, 12 Sep 2018 09:44:53 -0400 Subject: [PATCH] Adjust layout widths for IE only --- styles/components/_global_layout.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss index 47995964..8cd32c8e 100644 --- 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; + } + } } }