#1495, stackable grid no longer uses negative margins.

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 */