Fix columns spacing

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 55816419e6ef532380c0a936eb1bfe8013134dc2..fd2bf8e0629d9f9d8b58e1088db38706493a1d26 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -5866,6 +5866,8 @@ label.panel-block:hover {
 }
 
 .columns {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
   margin-top: -0.75rem;
 }
 
@@ -5921,8 +5923,6 @@ label.panel-block:hover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
 }
 
 .columns.is-multiline {
@@ -5941,8 +5941,6 @@ label.panel-block:hover {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
   }
 }
 
@@ -5951,8 +5949,6 @@ 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 e320e84b1e0842729b3f396fc804a4327eac44e3..e20586a8419783e837ce3fa77c37ba20ee72290f 100644 (file)
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -204,6 +204,8 @@
         margin-left: ($i / 12) * 100%
 
 .columns
+  margin-left: -0.75rem
+  margin-right: -0.75rem
   margin-top: -0.75rem
   &:last-child
     margin-bottom: -0.75rem
@@ -235,8 +237,6 @@
           margin-left: 0
   &.is-mobile
     display: flex
-    margin-left: -0.75rem
-    margin-right: -0.75rem
   &.is-multiline
     flex-wrap: wrap
   &.is-vcentered
@@ -245,11 +245,7 @@
   +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