2012-08-02 9 views
9

. Şimdi yapmayı istiyorsunSCSS (küstahlık) hesaplama: # {} bu zaten kullanmak normal bir hesaplama olan bir font-size</p> <p>hesaplama gelince ben şu anda oldukça karıştı

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

... Biliyorum karmaşık geliyor başkasıyla yukarıdaki gibi bütün bir açıklama bölmektir.

Yani #{($font-size*0.7)/$em} var Ve şimdi bu iki değeri bölmek isteyen #{($font-size*0.8125)/$em}

...

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

Ancak bu işe yaramıyor. SASS ile nasıl bir hesaplama yaptığımı biliyor musun?

cevap

19

Dene:

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

geri bir dize #{...} içine interpolasyon hesaplamaların ardından yapılan son şey olmalıdır.

6

ScottS cevabı teknik olarak olarak doğru görünüyor, ancak neden böyle bir karmaşık ifadeye ihtiyaç duyuyorsunuz? kesir olarak gösterilen bu özellik ... olmaz bu

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

için basitleştirilmiş olabilir Ve son ifadesi

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

olurdu? Mükemmel bir nokta için

+1

+1. Burada kullanılan operasyonların ve değerlerin sırasının azalmasına izin verdiği gerçeğini tamamen özledim. Gerçekten de, cevabınız bile muhtemelen aşağıdaki gibi bir şeye azaltılabilir: 'font-size: 0.86153em' (ya da herhangi bir yuvarlama hangisi olursa olsun), zaten bölünmüş olan kesime sahip olmak, hem bölünmeyi hem de interpolasyonu tekrar yapmak zorundadır. bir dizeye. – ScottS

+0

@ScottS: Haklısınız, sadece ondalık kesirlerin değişkenler tarafından değiştirilmesinin sona ereceğini varsaydım –