From 660238c332995ca07157288748d05142632f790b Mon Sep 17 00:00:00 2001 From: jlukic Date: Sat, 28 Sep 2013 09:13:26 -0400 Subject: [PATCH] makes mobile responsive grid integer --- src/collections/grid.less | 21 +++------------------ 1 file changed, 3 insertions(+), 18 deletions(-) diff --git a/src/collections/grid.less b/src/collections/grid.less index 2c34ee332..2e332a322 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -112,45 +112,30 @@ min-width: 320px; } -@media only screen and (max-width : 1000px) { +@media only screen and (max-width : 998px) { .ui.responsive.grid { - padding: 0% 5.55%; - } - .ui.responsive.grid > .column, - .ui.responsive.grid > .row > .column { + padding: 0% 4%; } } -@media only screen and (min-width : 1000px) { +@media only screen and (min-width : 998px) { .ui.responsive.grid { padding: 0% 8%; } - .ui.responsive.grid > .column, - .ui.responsive.grid > .row > .column { - } } @media only screen and (min-width : 1500px) { .ui.responsive.grid { padding: 0% 13%; } - .ui.responsive.grid > .column, - .ui.responsive.grid > .row > .column { - } } @media only screen and (min-width : 1750px) { .ui.responsive.grid { padding: 0% 18%; } - .ui.responsive.grid > .column, - .ui.responsive.grid > .row > .column { - } } @media only screen and (min-width : 2000px) { .ui.responsive.grid { padding: 0% 23%; } - .ui.responsive.grid > .column, - .ui.responsive.grid > .row > .column { - } } /*-------------------