css - SCSS (sass) 計算: #{}

Question

フォントサイズの計算に関しては、現時点でかなり混乱しています

これは、私がすでに使用している通常の計算です。

font-size: #{($font-size*0.7) / $em}em

私が今やりたいことは、上記のようなステートメント全体を別のステートメントで分割することです... 複雑に聞こえます.

だから私は持っています#{($font-size*0.7) / $em} そして私は持っています#{($font-size*0.8125) / $em}

この 2 つの値を分割したいのですが…</p>

だからfont-size: #{($font-size*0.7) / $em} / #{($font-size*0.8125) / $em}em。

しかし、それはうまくいきません。SASSでそのような計算を行う方法はありますか?

Answer 1

試す：

font-size: #{(($font-size*0.7) / $em) / (($font-size*0.8125) / $em)}em

文字列への補間#{...}は、計算後に最後に行う必要があります。

Answer 2

ScottS の回答は技術的には正しいように見えますが、そもそもなぜこのような複雑な式が必要なのですか? 分数として表されると、これは次のように簡略化できます。

($font-size * 0.7 / $em) / ($font-size * 0.8125 / $em) = 0.7 / 0.8125

そして、あなたの最終的な表現は

font-size: #{(0.7/0.8125)}em

…ですよね？