From b11541c1085c3dd33911607755b568ca001ffd11 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 Former-commit-id: 660238c332995ca07157288748d05142632f790b Former-commit-id: c25d9f526cbf1a2d445a13c52c5a3e521440ee33 --- 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 { - } } /*-------------------