无法导入SASS地图

时间:2015-06-28 10:18:11

标签: sass compass-sass gulp-sass

我创建了一个包含颜色映射的SCSS部分,我正在尝试将其导入其他scss模块。但是导入似乎不起作用。我不确定这是否是gulp的一个问题 - 它不会在编译时抛出错误,或者如果SASS根本不允许导入sass映射。有人可以帮忙吗?以下示例:

为要从部分_color-settings.scss导入的地图中的每种颜色创建一类按钮颜色

@import "../../scss/color-settings";

@each $key, $color in $colors {
.btn-raised.btn-#{$key},
.btn-fab.btn-#{$key},
%btn-raised%btn-#{$key},
%btn-fab%btn-#{$key} {
    @if $key == 'white' {
        color: $black;
    } @else {
        color: $white;
    }

    background-color: $color;
}

}

_Color-settings.scss

$colors : (
    'red'         : $red,
    'pink'        : $pink,
    'purple'      : $purple,
    'deep-purple' : $deep-purple,
    'indigo'      : $indigo,
    'blue'        : $blue,
    'light-blue'  : $light-blue,
    'teal'        : $teal,
    'green'       : $green,
    'light-green' : $light-green,
    'lime'        : $lime,
    'yellow'      : $yellow,
    'amber'       : $amber,
    'orange'      : $orange,
    'deep-orange' : $deep-orange,
    'brown'       : $brown,
    'grey'        : $grey,
    'blue-grey'   : $blue-grey,
    'black'       : $black,
    'white'       : $white
);

0 个答案:

没有答案