在Sass变量中存储CSS font-size/line-height

Question

有没有办法将font-size/line-height存储在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 {
  $font-size: 12px;
  $line-height: 30px;
  font: #{$font-size}/#{$line-height};
}

应该编译成

p {
  font: 12px/30px;
}