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

【问题标题】：Easyer way to call mixin SASS instead of @include调用 mixin SASS 而不是 @include 的更简单方法
【发布时间】：2018-06-02 02:27:53
【问题描述】：

我目前正在将 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) 的大小

Witch 很好，可以设置几个字体大小，但如果我必须使用它超过 30 次，它会变得很烦人......

现在我看到 LESS 使用：

.font-size(20);

为了做同样的事情，女巫更好，但现在我需要使用 SASS。
我可以缩短这个通话时间还是我还需要使用@include？

我找不到这个的 emmet 短代码...

谢谢！

【问题讨论】：

标签： css sass less font-size pixels

【解决方案1】：

不，您不能，正如您在 SASS Docs 中看到的那样

【讨论】：

可悲... :( 猜猜我必须为它制作一个 Emmet 短代码或其他东西...

【解决方案2】：

我可以缩短这个调用时间还是我还需要使用@include？p>

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 语法。

【讨论】：