外部変数をミックスインにインポートする方法はありますか?
mixin 引数から variablename を生成し、それを外部ソースから呼び出し
たいと思います。
これは意味がありますか?
変数.scss
/* Striped status bar variables ******************************************/
$greyFirstGradientStartColor: #999999;
$greyFirstGradientEndColor: #d3cfcf;
$greySecondGradientStartColor: #ababab;
$greySecondGradientEndColor: #595959;
mixins.scss
@import variables.scss
[...]
@mixin gradient-repeating($color, $deg, $firstWidth, $space, $secondWidth){
background-image:
repeating-linear-gradient(
$deg,
$(#{$color}FirstGradientStartColor),
$(#{$color}FirstGradientEndColor) $firstWidth+px,
$(#{$color}SecondGradientStartColor) ($firstWidth+$space)+px,
$(#{$color}SecondGradientStartColor) $secondWidth+px
);
}
my-main-css-file.scss
@import variables.scss;
@import mixins.scss;
[...]
@include gradient-repeating(grey, -45, 20, 0, 20);