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 map中的

键值对用逗号分隔，而不是分号

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%),
    ),
);

我的指南针图错了吗？

2 个答案: