2012-08-02 3 views
9

글꼴 크기를 계산할 때 매우 혼란 스럽습니다.SCSS (sass) 계산 : # {}

이것은 이미 사용하고있는 일반적인 계산입니다. 내가 지금 싶어 무엇

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

은 ... 내가 아는 복잡한 소리를 또 다른 하나 위의 같은 전체 문을 나눌 수 있습니다.

그래서 나는 #{($font-size*0.7)/$em} 을 그리고 난 지금 그 두 값으로 나눔 할 #{($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 : 맞습니다. 저는 소수 자릿수가 변수로 대체 될 것이라고 생각했습니다. –

관련 문제