From b90d4921b34fea88d5a0710a38b2a88b977c69aa Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sat, 31 Oct 2020 18:43:40 +0000
Subject: [PATCH] Fix #3089

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 17d7dbed..d7f6511e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 * #3005 Fix `column` offsets in RTL
 * Fix #3145 Dropdown content is bounded by a parent card
+* Fix #3089 Sub columns of a variable columns have weird gap
 
 ## 0.9.1
 
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 3af1f898..54078d90 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -8197,7 +8197,7 @@ label.panel-block:hover {
   margin-right: calc(-1 * var(--columnGap));
 }
 
-.columns.is-variable .column {
+.columns.is-variable > .column {
   padding-left: var(--columnGap);
   padding-right: var(--columnGap);
 }
@@ -9394,6 +9394,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .is-clickable {
   cursor: pointer !important;
+  pointer-events: all !important;
 }
 
 .is-clipped {
diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
index 5252bf83..995bf247 100644
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -469,7 +469,7 @@ $column-gap: 0.75rem !default
     --columnGap: 0.75rem
     +ltr-property("margin", calc(-1 * var(--columnGap)), false)
     +ltr-property("margin", calc(-1 * var(--columnGap)))
-    .column
+    > .column
       padding-left: var(--columnGap)
       padding-right: var(--columnGap)
     @for $i from 0 through 8