我的指南针地图错了吗？

Question

Syntax error: Invalid CSS after "    grey": expected ")", was ": ("
        on line 42 of D:/treehouse(2015)/modular_sass/1-Getting_Modular_with_Mixins_and_Functions/video-5/start/scss/_config.scss
        from line 1 of D:/treehouse(2015)/modular_sass/1-Getting_Modular_with_Mixins_and_Functions/video-5/start/scss/application.scss

我不知道为什么我在编译 $paletts 颜色图时遇到这个错误我也安装了指南针... 我的地图：

    $paletts: (
    grey: (
        xx-light: lighten($grey, 43%);
        x-light : lighten($grey, 35%);
        light   : lighten($grey, 12%);
        base    : $grey;
        dark    : darken($grey, 8%);
        x-dark  : darken($grey, 16%);

    ),


     black: (
        light   : lighten($black, 12%);
        base    : $black;
        dark    : darken($black, 8%);  
    ),
);

当我尝试通过指南针观看我的项目时，我也遇到了以下错误。有谁知道发生了什么事吗？？？

Answer 1

在 sass 地图中 key-value 对用逗号分隔，而不是 semi-colon

Answer 2

注意，在 sass-maps 中使用 , 而不是 ;。我在 javascript 困境中做了同样的事情。这是正确的地图：

$palettes: (
 grey: (
        xx-light: lighten($grey,43%),
        x-light : lighten($grey,35%),
        light   : lighten($grey,12%),
        base    : $grey,
        dark    : darken($grey,8%),
        x-dark  : darken($grey,16%),

    ),


     black: (
        light   : lighten($black,12%),
        base    : $black,
        dark    : darken($black,8%),
    ),
);

我的指南针地图错了吗？

is my compass map wrong?

sass

compass-sass