Merge pull request #16 from felics/fix-ie-reverse

Workaround for IE wrap-reverse
startae · Mar 23, 2015 · 2ebc265 · 2ebc265
2 parents de45952 + 75bd1cd
commit 2ebc265
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "hagrid",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "authors": [
     "felics <[email protected]>"
   ],

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hagrid",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/felics/hagrid"

diff --git a/src/hagrid/_modifiers.scss b/src/hagrid/_modifiers.scss
@@ -198,14 +198,20 @@
 
     @else if $modifier == y-rev {
         flex-flow: row wrap-reverse;
-
+        // * Workaround for IE rendering diff, see: https://github.com/felics/hagrid/issues/13
+        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+            align-items: flex-end;
+        }
         @if $hagrid-fallback and $hagrid-fallback-warnings {
             @warn "Modifier #{$modifier} won't work on fallback-grid!"
         }
     }
 
     @else if $modifier == rev {
-
+        // * Workaround for IE rendering diff, see: https://github.com/felics/hagrid/issues/13
+        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+            align-items: flex-end;
+        }
         @if $hagrid-fallback {
             flex-flow: row wrap-reverse;
             direction: rtl;