Menu icon Foundation
Block-grid can't be compiled if $column-gutter is not enabled in .setting

error scss/app.scss (Line 18 of bower-foundation/scss/foundation/components/_block-grid.scss: Undefined variable: "$column-gutter".)

I had to disable the comment $column-gutter: rem-calc(30); in .setting.scss file for it to be abled to compiled.
Anyone know what is wrong?

scssSassblock-gridblock gridgridcompilebug

error scss/app.scss (Line 18 of bower-foundation/scss/foundation/components/_block-grid.scss: Undefined variable: "$column-gutter".)

I had to disable the comment $column-gutter: rem-calc(30); in .setting.scss file for it to be abled to compiled.
Anyone know what is wrong?

Mahesh Gudapakkam almost 6 years ago

I too hit the same issue once I upgraded to 5.2.0. In my case, even uncommenting did not help the issue.

samjin over 5 years ago

There was another way to solve the problem which is to import all of css instead of selectively import some of them.

Mahesh Gudapakkam over 5 years ago

i was about to update this post with exactly that (@samjin - beat me to it). Importing all the css did the trick.

Alex Kempton over 5 years ago

Also having this issue. Surely this is a bug?

Avery L over 5 years ago

There's an easy fix, all you do is move "foundation/components/grid", to the top of all the other imports. It has to be loaded first.

Change that and the error goes away!