From bac826a5a2e55b20acf2ce9e218221ffc0b9c4c8 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 30 Dec 2014 16:45:00 -0500
Subject: [PATCH] #1495, stackable grid no longer uses negative margins.

---
 src/definitions/collections/grid.less | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
index f7619c4e1..dcdfb0be2 100755
--- a/src/definitions/collections/grid.less
+++ b/src/definitions/collections/grid.less
@@ -1582,14 +1582,10 @@
   .ui.stackable.grid {
     display: block !important;
     width: auto;
-    margin-left: -(@stackableGutter / 2) !important;
-    margin-right: -(@stackableGutter / 2) !important;
+    margin-left: 0em !important;
+    margin-right: 0em !important;
     padding: 0em;
   }
-  .ui.stackable.padded.grid:not(.vertically) {
-    margin-left: -(@stackableGutter / 2) !important;
-    margin-right: -(@stackableGutter / 2) !important;
-  }
   .ui.stackable.grid > .row > .wide.column,
   .ui.stackable.grid > .wide.column,
   .ui.stackable.grid > .column.grid > .column,
@@ -1599,16 +1595,27 @@
     display: block !important;
     width: auto !important;
     margin: 0em 0em !important;
-    padding: (@stackableRowSpacing / 2) (@stackableGutter) !important;
     box-shadow: none !important;
+    padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
   }
   .ui.stackable.grid > .row {
     margin: 0em;
     padding: 0em;
   }
   .ui.stackable.grid .column > .ui.stackable.grid {
-    margin-left: -(@stackableGutter) !important;
-    margin-right: -(@stackableGutter) !important;
+    margin-left: -(@stackableGutter / 2) !important;
+    margin-right: -(@stackableGutter / 2) !important;
+  }
+
+  /* Padded */
+  .ui.stackable.padded.grid:not(.vertically) > .row > .wide.column,
+  .ui.stackable.padded.grid:not(.vertically) > .wide.column,
+  .ui.stackable.padded.grid:not(.vertically) > .column.grid > .column,
+  .ui.stackable.padded.grid:not(.vertically) > .column.row > .column,
+  .ui.stackable.padded.grid:not(.vertically) > .row > .column,
+  .ui.stackable.padded.grid:not(.vertically) > .column:not(.row) {
+    padding-left: 0em !important;
+    padding-right: 0em !important;
   }
 
   /* Equal Height Stackable */