更轻松地调用mixin SASS而不是@include

问题描述 投票:0回答:2

我目前正在使用混合使用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短代码......

谢谢!

css sass less font-size pixels
2个回答
3
投票

不,你不能,正如你在SASS Docs看到的那样

SS


0
投票

我可以缩短此通话时间,还是需要使用@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语法。

© www.soinside.com 2019 - 2024. All rights reserved.