From ea8ee430f4e34428a514a3c741bfbbd17137f7bd Mon Sep 17 00:00:00 2001 From: jlukic Date: Sat, 20 Sep 2014 21:58:24 -0400 Subject: [PATCH] Adds vertical spacing support for both rows and grids when doubling #1107 --- src/definitions/collections/grid.less | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index 1547ab6c9..9e4dc8db1 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -835,11 +835,16 @@ /* Mobily Only */ @media only screen and (max-width: @largestMobileScreen) { + .ui.grid > .doubling.row, .ui.doubling.grid > .row { - display: inline; + margin: 0em; + padding: 0em; } + .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { - margin-bottom: @doublingRowSpacing; + padding-top: (@rowSpacing / 2) !important; + padding-bottom: (@rowSpacing / 2) !important; + margin: 0em; } .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column, @@ -905,11 +910,16 @@ /* Tablet Only */ @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { + .ui.grid > .doubling.row, .ui.doubling.grid > .row { - display: inline !important; + margin: 0em; + padding: 0em; } + .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { - margin-bottom: @doublingRowSpacing !important; + padding-top: (@rowSpacing / 2) !important; + padding-bottom: (@rowSpacing / 2) !important; + margin: 0em; } .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column,