@import "../../frameless"; .masonry { column-gap: $gutter; column-width: $cols4; padding-bottom: 50px; -webkit-perspective: 1; } // column-count required for Firefox, IE and Edge //4 columns @media #{$small} { .masonry { column-count: 1; } } //6 columns @media #{$medium} { .masonry { column-count: 1; } } //8 columns @media #{$intermediate} { .masonry { column-count: 2; } } // 12 columns @media #{$big} { .masonry { column-count: 3; } }