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.
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.