scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix column count for IE and Edge

Browse source 
Set column-count for all widths since it’s needed for Firefox, IE and Edge browsers
This commit is contained in:
chrisgarrity 2016-11-18 17:08:23 -05:00
parent 8836d4faff
commit 0ab62689ce
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/masonrygrid/masonrygrid.scss
View file

@ -7,18 +7,18 @@
-webkit-perspective: 1; -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 //4 columns
@media only screen and (max-width: $mobile - 1) { @media only screen and (max-width: $mobile - 1) {
.masonry { .masonry {
-moz-column-count: 1; column-count: 1;
} }
} }
//6 columns //6 columns
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) { @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
.masonry { .masonry {
-moz-column-count: 1; column-count: 1;
} }
} }
@ -26,13 +26,13 @@
//8 columns //8 columns
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) { @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.masonry { .masonry {
-moz-column-count: 2; column-count: 2;
} }
} }
// 12 columns // 12 columns
@media only screen and (min-width: $desktop) { @media only screen and (min-width: $desktop) {
.masonry { .masonry {
-moz-column-count: 3; column-count: 3;
} }
} }