Fix #3089

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 17d7dbed9529665c73c90119963253dad56cf57a..d7f6511e87005dfe8056af1ed0d8ffdca323fdc9 100644 (file)
--- 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 3af1f89878ba9daa815453841b0fb968b9765498..54078d90a33f2106bd298342c59c11f343a0d13e 100644 (file)
--- 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 5252bf8331073ee05227383d70f09b68a5cea16e..995bf2475892821e1f8ecf6c6086a6a58e391167 100644 (file)
--- 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