我目前正在使用混合使用rem字体大小和SASS中的像素回退,以获得响应的字体大小。我正在使用这个mixin:
@mixin font-size ($size) {
$remValue: $size / 16;
$pxValue: ($size);
font-size: $pxValue + px;
font-size: $remValue + rem;
}
现在我想知道是否有更短的方式来调用这个mixin。现在我必须输入:
@include font-size(20);
尺寸为20像素(1.25rem)
女巫是好的,设置几个字体大小,但如果我必须使用它超过30次,它会变得烦人...
现在我看到LESS使用:
.font-size(20);
为了做同样的事情,女巫更好,但现在我需要使用SASS。 我可以缩短此通话时间,还是需要使用@include? 我找不到这个emmet短代码......
谢谢!
不,你不能,正如你在SASS Docs看到的那样
我可以缩短此通话时间,还是需要使用@include?
Sassy CSS(SCSS)目前不存在更短的方法。但是在纯粹的SASS中你不妨使用+
而不是@include
。
例
=font-size($size)
$remValue: $size / 16
$pxValue: ($size)
font-size: $pxValue + px
font-size: $remValue + rem
.selector
+font-size(20) // <- that + here
请注意,您必须将文件格式重命名为.sass
,因为这仅适用于原始基于Ruby的SASS语法。