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

Question

有没有办法将字体大小/行高存储在Sass变量中，如下所示：

$font-normal: 14px/21px;

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

Answer 1

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

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

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

@include fontandline;

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

编辑：根据最新的文档（见上面的链接）下面的代码

p {
  $字体大小：12px；
  $行高：30px；
  字体：#{$font-size}/#{$line-height};
}

应编译为

p {
  字体：12px/30px；
}

Answer 2

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