我正在努力创建一个"主人"文本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参数。或者我错过了什么?