4

次のようにフォントサイズ/行の高さをSass変数に保存する方法はありますか:

$font-normal: 14px/21px;

この宣言を使用して、ドキュメントに記載されている除算を取得します。分割を回避する方法はありますか？
注: scss 構文を使用します。

4

2 に答える 2

10

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slashの SCSS リファレンスによると、これはまさに期待どおりです。ミックスインに入れてみてください：

@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-size}/#{$line-height};
}

にコンパイルする必要があります

p {
  フォント: 12px/30px;
}
于 2010-05-18T22:43:24.210 に答える
1

私が使う：$somevar: unquote("14px/17px");

于 2015-07-23T05:15:47.243 に答える