SCSS compilation

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

Décrivez ici votre code ou ce que vous cherchez à faire

@mixin loop($counter, @media) when ($counter > 0){
    @include loop(($counter - 1), @media);
    .${media}-${counter}{
        width: ($space / $columns * $counter) + ($gutter * ($counter - 1));
        &:after{
            $value: round($counter / $columns * 100%);
            content: ' (${value})';
            color:#666;
        }
    }
}

Ce que je veux

Décrivez ici ce que vous cherchez à obtenir

Ce que j'obtiens

error sass/grid.scss (Line 31: Invalid CSS after "...loop($counter, ": expected variable (e.g. $foo), was "@media) when ($...")
error sass/screen.scss (Line 31 of sass/grid.scss: Invalid CSS after "...loop($counter, ": expected variable (e.g. $foo), was "@media) when ($...")