From b58163c4206012f6b99ebca8302feb8982c98f34 Mon Sep 17 00:00:00 2001 From: chrisgarrity Date: Fri, 18 Nov 2016 17:23:29 -0500 Subject: [PATCH] Merge pull request #1037 from chrisgarrity/patch-column-count fix column count for IE and Edge --- src/components/masonrygrid/masonrygrid.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/masonrygrid/masonrygrid.scss b/src/components/masonrygrid/masonrygrid.scss index 07d42f00f..867f33350 100644 --- a/src/components/masonrygrid/masonrygrid.scss +++ b/src/components/masonrygrid/masonrygrid.scss @@ -7,18 +7,18 @@ -webkit-perspective: 1; } -// working around Firefox issue that requires column-count, using explicit -moz-column-count +// column-count required for Firefox, IE and Edge //4 columns @media only screen and (max-width: $mobile - 1) { .masonry { - -moz-column-count: 1; + column-count: 1; } } //6 columns @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) { .masonry { - -moz-column-count: 1; + column-count: 1; } } @@ -26,13 +26,13 @@ //8 columns @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) { .masonry { - -moz-column-count: 2; + column-count: 2; } } // 12 columns @media only screen and (min-width: $desktop) { .masonry { - -moz-column-count: 3; + column-count: 3; } }