Columns is-variable not working

[JoeyRumble]

This is about Bulma & the Docs.

Overview of the problem

This is about the Bulma CSS framework This is about the Bulma & Docs I'm using Bulma 1.0 My browser is: Chrome

Description

The columns 'is-variable' class with the different column gap class modifiers are not working. Neither on the document page (https://bulma.io/documentation/columns/gap/).

[willoma]

I can confirm the behaviour.

I have tracked this down to https://github.com/jgthms/bulma/blob/72e99d1bf206e0c0a697b926282a0bea5dd23059/sass/grid/_index.scss#L4

This line imports columns.scss, however the is-variable stuff is in columns-v2.scss.

[janosrusiczki]

OK, so I'm not the only one.

It doesn't seem to be working in their documentation either: https://bulma.io/documentation/columns/gap/#variable-gap

I'm not exactly sure what should be happening, probably one should be able to click the .is-x class names and the example below should modify accordingly, but it doesn't work.

So I guess I'll be waiting until this gets fixed.

Later edit: After I wrote about the example in the documentation not working I noticed it is mentioned in OPs issue too.

[phil-w]

Yeah I can't get the columns to work very well at all, in general. The GRID seems more like it might be working.

[reneedraper]

I did a little investigating...it looks like aside from what willoma found, the script referenced in klmn.html doesn't exist. <script src="{{ site.url }}/lib/klmn.js"></script> It looks like you're supposed to be able to choose a variable gap to apply to the columns below.