Not applying gutter size

[clemsontiger]

I'm definitely doing something wrong here, as it's not applying the 8px gutter size. Keeps using the default. I'm assuming it's something to do with the fact I'm using unquote but not sure...

$grid-columns: 20;
@for $i from 1 through $grid-columns {
        .row .col-#{$i*5} {  
                lost-column: unquote($i + '/' + $grid-columns) 8px;

        }
    }

[clemsontiger]

Ugh, so I totally missed the note.. it was because i was not declaring a cycle. sigh...

"Note: When specifying the gutter, you need to also specify the cycle." So the following works.

$grid-columns: 20;
@for $i from 1 through $grid-columns {
        .row .col-#{$i*5} {  
                lost-column: unquote($i + '/' + $grid-columns) $grid-columns 8px;

        }
    }