SCSS (Sass) Berechnung: # {}

Question

ich im Moment ziemlich verwirrt bin, wenn es um die Berechnung einen font-size kommt

dies ist die normale Berechnung ich bereits verwenden.

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

Was ich tun möchte, ist jetzt eine ganze Aussage wie die oben mit einem anderen teilen ... klingt kompliziert ich weiß.

So habe ich #{($font-size*0.7)/$em} Und ich habe #{($font-size*0.8125)/$em}

ich jetzt diese beiden Werte devide will ...

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

Aber das funktioniert nicht. Irgendeine Idee, wie ich eine Berechnung mit SASS mache?

Answer 1

Versuchen:

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

Die Interpolation in eine Zeichenkette #{...} sollte das letzte, was nach den Berechnungen durchgeführt werden.

Answer 2

ScottS Antwort scheint technisch richtig zu sein, aber warum brauchen Sie überhaupt einen so komplexen Ausdruck in erster Linie? Ausgedrückt als Fraktion kann diese

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

Und Ihre endgültige Ausdruck

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

zu

vereinfacht werden ... es wäre nicht wäre?