2012-08-02 36 views
9

私は、現時点ではかなり混乱している、それは、フォントサイズを計算SCSS(SASS)計算:#{}

に来るとき、これは私がすでに使用して、通常の計算です。私が今したい何

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

別の1と上記のような文全体を分割している...私は知っている複雑に聞こえます。

は、だから私は#{($font-size*0.7)/$em} を持っていると私は今、これら2つの値をdevideしたい#{($font-size*0.8125)/$em}

...

のでfont-size: #{($font-size*0.7)/$em}/#{($font-size*0.8125)/$em}emを持っています。

しかし、それは動作しません。どのように私はSASSのような計算をどのような考えですか?

答えて

19

試してみてください。

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

バック文字列#{...}に補間が計算した後に行う最後のものでなければなりません。

6

ScottSの回答がのように見えますが、正確にはですが、最初に複雑な表現が必要なのはなぜですか。割合として表現すると、これは

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

に簡素化することができ、あなたの最終的な式は、それはないだろう

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

...でしょうか?

+1

+1は優れたポイントです。私は、ここで使用される操作と値の順序がそれを減らすことを許したという事実を完全に忘れていました。確かに、あなたの答えはおそらく実際にはすでに分数が計算されており、除算と補間を行う必要がある 'font-size:0.86153em'(または丸めたいもの)文字列に変換する。 – ScottS

+0

@ScottS:あなたはそうです、私はちょうど小数部分が変数に置き換えられるだろうと仮定しました –

関連する問題