我创建了一个包含颜色映射的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
);