STARTERKIT/layouts/_responsive.scss sets $zen-column-count to 1, before resetting again inside the larger breakpoint media query to 12.

Unfortunately, SASS doesn't seem to retain this variable change, due to variable scope, so reusing the variable later in other files has it set to 1 again.

Changing the declaration from

$zen-column-count: 12;

to

$zen-column-count: 12 !global;

seems to resolve this issue.

Comments

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin commented
Version: 7.x-5.5 » 7.x-5.x-dev
Status: Active » Closed (won't fix)

Zen Grids 1.x doesn't work with Sass 3.3. This is fixed in 7.x-6.x by upgrading to Zen Grids 2.x