将 CSS 字体大小/行高存储在 Sass 变量中

Question

有没有办法将 font-size/line-height 存储在 Sass 变量中，如下所示：

$font-normal: 14px/21px;

使用此声明我得到一个部门，如文档中所述。有没有办法避免分裂？
注意：我使用 scss 语法。

Answer 1

根据 http://sass-lang.com/docs 中的 SCSS 参考/yardoc/file.SASS_REFERENCE.html#division_and_slash 这正是所期望的。尝试将其放入 mixin 中：

@mixin fontandline{
  font: 14px/12px;
}

然后，每当您需要再次使用它时，只需这样编写：

@include fontandline;

请参阅 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins 了解更多信息。

编辑：
根据最新文档（请参阅上面的链接），

p {
  $font-size: 12px;
  $line-height: 30px;
  font: #{$font-size}/#{$line-height};
}

应将以下代码编译为

p {
  font: 12px/30px;
}

Answer 2

我使用：$somevar: unquote("14px/17px");

Answer 3

要详细说明 @capi-etheriel 的答案：

将其添加到 scss 文件的顶部：

@use "sass:list";

然后将 $font-normal 定义为：

$font-normal: list.slash(14px, 21px);

要使 font: 正常工作，您必须至少添加一种字体-家人：

p {
  font: $font-normal sans-serif;
}

但我想你已经意识到了这一点。

这将在 css 中生成：

p: 14px/21px sans-serif;