在SASS中将extend作为mixin参数传递

时间:2015-10-24 15:38:13

标签: css sass

我正在努力创建一个"主人"文本mixin,但有一些麻烦。

字体系列扩展

@mixin isMainFont($weight, $style) {
    font-family: $main;
    font-weight: $weight;
    font-style: $style;
}
%mainRegular {
    @include isMainFont(400,normal)
}

字体大小的混合

@mixin fontSize($sizeValue) {
  font-size: $sizeValue / 10 + rem;
}

一些颜色变量

$mainTxtColor: #000000;

现在我可以写我的主mixin

@mixin isTxt ($family, $size, $color) {
    @extend $family;
    @include fontSize($size);
    color: $color;
}

完成所有这些后,我可以开始设计真正的dom元素。让我们举个例子

.articleTitle {
    @include isTxt(mainExtraBold, 22, $mainTxtColor)
}

但SASS不接受该行

@extend $family

似乎我无法扩展mixin参数。或者我错过了什么?

0 个答案:

没有答案