代码之家  ›  专栏  ›  技术社区  ›  Reto Aebersold

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

  •  4
  • Reto Aebersold  · 技术社区  · 16 年前

    有没有办法把字号/行高存储在 Sass 变量如下:

    $font-normal: 14px/21px;
    

    division 如文件所述。有没有办法避免分裂?
    注意 :我使用scss语法。

    2 回复  |  直到 16 年前
        1
  •  10
  •   Capi Etheriel    16 年前

    根据中的SCSS参考 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slash 这正是人们所期望的。试着把它放进一个混合器里:

    @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;
    }
        2
  •  1
  •   Boris Astanin    11 年前

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