Menu icon Foundation
grid-row mixin not working on a newly/updated F5 project

Hi guys,
I've started a new project with the latest version of F5. I'm trying to use grid-row mixin (as I did before), but it give me "Syntax error: undefined mixin 'grid-row'

.myRow {
@include grid-row($behavior: collapse);
...
}

Also tried with "@include grid-row(collapse);" as indicated not in the Foundation Docs but in the _grid component in the foundation bower folder, but nope...

What I could have missed?

mixingrid-rowFoundation 5

Hi guys,
I've started a new project with the latest version of F5. I'm trying to use grid-row mixin (as I did before), but it give me "Syntax error: undefined mixin 'grid-row'

.myRow {
@include grid-row($behavior: collapse);
...
}

Also tried with "@include grid-row(collapse);" as indicated not in the Foundation Docs but in the _grid component in the foundation bower folder, but nope...

What I could have missed?

Elle Tolman over 5 years ago

I'm also experiencing this, but in trying to use the panel mixin:

Scss:
SASS
.custom-panel {
@include panel(
$bg: $foundation-blue
);
}

Error:
Undefined mixin 'panel'

Using:
F5 / Coda 2 / Compass + Mixture

Seth Hall over 5 years ago

both row and panels have Sass mixins. Maybe it has to do with your @import order.

In my opinion, the upgrade from 4 to 5 is a pain, to say the least, with markup and sass changes, although legacy code is supported I believe.