fix(layout): small screen layout attribute selectors

layout-attributes.scss - small screen breakpoints (for IE) are out of sync with layout.scss Closes #5166. Closes #7638
angular · Mar 19, 2016 · 8bda841 · 8bda841
1 parent dbb75a6
commit 8bda841
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/core/services/layout/layout-attributes.scss b/src/core/services/layout/layout-attributes.scss
@@ -431,12 +431,12 @@ $layout-breakpoint-lg:     1920px !default;
 
 @media (min-width: $layout-breakpoint-xs) and (max-width: $layout-breakpoint-sm - 1) {
   // SMALL SCREEN
-  [hide-sm], [hide-gt-xs] {
+  [hide], [hide-gt-xs] {
     &:not([show-gt-xs]):not([show-sm]):not([show]) {
       display: none;
     }
   }
-  [hide-sm]:not([show-sm]):not([show]) {
+  [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]) {
     display: none;
   }
   @include layouts_for_breakpoint(sm);