From 275eed5d96b515d1b6f3284c7345a02d9e805f48 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 9 Oct 2014 12:17:32 -0400
Subject: [PATCH] Make stackable/mobile page grids use same gutter width as
 columns

---
 src/definitions/collections/grid.less                | 12 ++++--------
 src/definitions/elements/divider.less                |  2 +-
 .../packages/default/collections/grid.variables      |  5 ++---
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
index ab5865f89..9184c0a22 100755
--- a/src/definitions/collections/grid.less
+++ b/src/definitions/collections/grid.less
@@ -163,8 +163,9 @@
 @media only screen and (max-width: (@largestMobileScreen)) {
   .ui.page.grid {
     width: @mobileWidth;
-    padding-left: @mobileGutter;
-    padding-right: @mobileGutter;
+    padding-left: 0em;
+    padding-right: 0em;
+    margin: 0em;
   }
 }
 @media only screen and (min-width: @tabletBreakpoint) {
@@ -1079,7 +1080,7 @@
     width: auto !important;
 
     margin: (@stackableRowSpacing / 2) 0em 0em !important;
-    padding: (@stackableRowSpacing / 2) 0em 0em !important;
+    padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) 0em !important;
 
     box-shadow: none !important;
   }
@@ -1107,11 +1108,6 @@
     border-top: none !important;
   }
 
-  .ui.stackable.page.grid > .row > .column,
-  .ui.stackable.page.grid > .column {
-    padding-left: @stackableGutterWidth !important;
-    padding-right: @stackableGutterWidth !important;
-  }
   .ui[class*="equal height"].stackable.page.grid {
     display: block !important;
     width: 100% !important;
diff --git a/src/definitions/elements/divider.less b/src/definitions/elements/divider.less
index b30bd5a16..556172a11 100755
--- a/src/definitions/elements/divider.less
+++ b/src/definitions/elements/divider.less
@@ -139,7 +139,7 @@
   .ui.grid .stackable.row .ui.vertical.divider {
     position: relative;
     margin: @margin;
-    left: 0;
+    left: 50%;
     height: auto;
     overflow: hidden;
     line-height: 1;
diff --git a/src/themes/packages/default/collections/grid.variables b/src/themes/packages/default/collections/grid.variables
index 12efc1508..e15561b3c 100755
--- a/src/themes/packages/default/collections/grid.variables
+++ b/src/themes/packages/default/collections/grid.variables
@@ -31,8 +31,7 @@
 ---------------*/
 
 /* Column Gutters */
-@mobileWidth: 100%;
-@mobileGutter: 1rem;
+@mobileWidth: auto;
 
 @tabletWidth: auto;
 @tabletGutter: 8%;
@@ -89,7 +88,7 @@
 ---------------*/
 
 @stackableRowSpacing: @rowSpacing;
-@stackableGutterWidth: 1.5em;
+@stackableGutter: @gutterWidth;
 @stackableMobileBorder: 1px solid @borderColor;
 @stackableInvertedMobileBorder: 1px solid @whiteBorderColor;