Error on named CSS grid line naming

[davemacdo]

I'm getting an error when I try to used named lines in the CSS Grid spec.

Grunt-contrib-sass throws an error and will not compile my Sass (scss) when it includes the following example from MDN's grid documentation

grid-template-columns: [main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end];

It seems to fall down when it sees the square brackets.

[dofgabi]

Same for me, i'm trying to used named lines but it does not work. Edit : You can use something like this : grid-template-columns: 1fr unquote('[col-item]') 5%;

Edit again : i builded this it's work : @function named($name) { @return unquote('[' + $name + ']'); } grid-template-columns: 1fr named('ipsum') 5%