From: Tim MacDonald <tim.mac7@me.com>
Date: Wed, 30 May 2018 08:59:51 +0000 (+1000)
Subject: Add breakpoint based column gaps (#1679)
X-Git-Tag: 0.7.2~112
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4caa77dc0f13984347b734657c2d4cd588149087;p=thirdparty%2Fbulma.git

Add breakpoint based column gaps (#1679)

* add breakpoint based column gaps

* remove redundant loops :facepalm:
---

diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
index 0b5d4de9d..bd41761e4 100644
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -475,3 +475,30 @@ $column-gap: 0.75rem !default
     @for $i from 0 through 8
       &.is-#{$i}
         --columnGap: #{$i * 0.25rem}
+      +mobile
+        &.is-#{$i}-mobile
+          --columnGap: #{$i * 0.25rem}
+      +tablet
+        &.is-#{$i}-tablet
+          --columnGap: #{$i * 0.25rem}
+      +tablet-only
+        &.is-#{$i}-tablet-only
+          --columnGap: #{$i * 0.25rem}
+      +touch
+        &.is-#{$i}-touch
+          --columnGap: #{$i * 0.25rem}
+      +desktop
+        &.is-#{$i}-desktop
+          --columnGap: #{$i * 0.25rem}
+      +desktop-only
+        &.is-#{$i}-desktop-only
+          --columnGap: #{$i * 0.25rem}
+      +widescreen
+        &.is-#{$i}-widescreen
+          --columnGap: #{$i * 0.25rem}
+      +widescreen-only
+        &.is-#{$i}-widescreen-only
+          --columnGap: #{$i * 0.25rem}
+      +fullhd
+        &.is-#{$i}-fullhd
+          --columnGap: #{$i * 0.25rem}