Menu icon Foundation
Foundation GULP not compiling with CSS Grid grid-template-columns and grid-template-rows

Hi All

Here is one that is doing my head in. I am using Foundation 6 as a command line GULP flow and I am trying to use grid-template-columns and grid-template-rows names.

eg.

grid-template-columns: [hero-left] auto [hero-middle] 309px [hero-right] 300px;
grid-template-rows: [hero-top] 250px [hero-middle] 60px [hero-bottom] 70px;

The foundation gulp file seems to be finding fault with the [] around the row and column names. IS there something that I need to adjust in the gulpfile.js to allow this?

Note: if I leave out the names and just use the sizes, it works but I prefer using the names for readability.

Cheers and props to all.

Murray
    

css gridgrid-template-rowsgrid-template-columns

Hi All

Here is one that is doing my head in. I am using Foundation 6 as a command line GULP flow and I am trying to use grid-template-columns and grid-template-rows names.

eg.

grid-template-columns: [hero-left] auto [hero-middle] 309px [hero-right] 300px;
grid-template-rows: [hero-top] 250px [hero-middle] 60px [hero-bottom] 70px;

The foundation gulp file seems to be finding fault with the [] around the row and column names. IS there something that I need to adjust in the gulpfile.js to allow this?

Note: if I leave out the names and just use the sizes, it works but I prefer using the names for readability.

Cheers and props to all.

Murray