From 347297f58aa69eb8681aee474759a0dbeed01950 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sat, 15 Apr 2017 18:02:28 +0100
Subject: [PATCH] Fix #449

---
 CHANGELOG.md            | 1 +
 docs/css/bulma-docs.css | 8 ++++++--
 sass/grid/columns.sass  | 8 ++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 63d78eba..2d24ee22 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -27,6 +27,7 @@
 * Feature #479 has-icons placement
 * Fix #442 selected table row
 * Fix #187 add customize page
+* Fix #449 columns negative horizontal margin
 
 ## 0.4.0
 
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 0cb34c41..3d8e28db 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -5876,8 +5876,6 @@ label.panel-block:hover {
 }
 
 .columns {
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
   margin-top: -0.75rem;
 }
 
@@ -5933,6 +5931,8 @@ label.panel-block:hover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
 }
 
 .columns.is-multiline {
@@ -5951,6 +5951,8 @@ label.panel-block:hover {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
   }
 }
 
@@ -5959,6 +5961,8 @@ label.panel-block:hover {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
   }
 }
 
diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
index e20586a8..e320e84b 100644
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -204,8 +204,6 @@
         margin-left: ($i / 12) * 100%
 
 .columns
-  margin-left: -0.75rem
-  margin-right: -0.75rem
   margin-top: -0.75rem
   &:last-child
     margin-bottom: -0.75rem
@@ -237,6 +235,8 @@
           margin-left: 0
   &.is-mobile
     display: flex
+    margin-left: -0.75rem
+    margin-right: -0.75rem
   &.is-multiline
     flex-wrap: wrap
   &.is-vcentered
@@ -245,7 +245,11 @@
   +tablet
     &:not(.is-desktop)
       display: flex
+      margin-left: -0.75rem
+      margin-right: -0.75rem
   +desktop
     // Modifiers
     &.is-desktop
       display: flex
+      margin-left: -0.75rem
+      margin-right: -0.75rem