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

时间:2010-05-18 21:20:19

标签: css sass

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

$font-normal: 14px/21px;

使用此声明我得到了文档中描述的division。有没有办法避免分裂?
注意:我使用scss语法。

2 个答案:

答案 0 :(得分:10)

根据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;
}

答案 1 :(得分:0)

我使用:public class CheckHoliday : System.Attribute { //Here I want exit from consumer method if today is holiday } public class TestClass{ [CheckHoliday] public void TestMethod(){ } }