调用 mixin SASS 而不是 @include 的更简单方法

Question

我目前正在混合使用 rem 字体大小和回退到 SASS 中的像素，以获得响应字体大小。我正在使用这个混音：

@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 简码...

谢谢！

Answer 1

不，你可以在 SASS Docs

中看到

Answer 2

Can i make this call shorter or do i still need to use @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 语法。

调用 mixin SASS 而不是 @include 的更简单方法

Easyer way to call mixin SASS instead of @include

css

sass

less

font-size

pixels