SCSS (SASS) cálculo: # {}

estoy muy confusa, en el momento cuando se trata de calcular un tamaño de fuenteSCSS (SASS) cálculo: # {}

este es el cálculo de la normalidad Ya uso.

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

Lo que quiero hacer ahora es dividir toda una declaración similar a la anterior con otro ... suena complicado que conozco.

Así que tengo #{($font-size*0.7)/$em} Y tengo #{($font-size*0.8125)/$em}

Quiero dividiremos esos dos valores ahora ...

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

Pero eso no funciona. ¿Alguna idea de cómo hago un cálculo como ese con SASS?

Fuente

2012-08-02 matt

Probar:

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

La interpolación vuelta a una cadena #{...} debería ser lo último que hace después de los cálculos.

Fuente

2012-08-02 22:41:19 ScottS

La respuesta de Scott parece ser técnicamente correcta, pero ¿por qué incluso necesita una expresión tan compleja en primer lugar? Expresado como una fracción, esto se puede simplificar a

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

Y su expresión final sería

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

... ¿no?

Fuente

2012-08-02 23:49:16

+1 para un punto excelente. Eché de menos el hecho de que el orden de las operaciones y los valores utilizados aquí le permitieron reducir. De hecho, incluso su respuesta probablemente podría reducirse prácticamente a algo como: 'font-size: 0.86153em' (o el redondeo que desee), teniendo la fracción ya calculada, lo que elimina la división y necesita hacer la interpolación a una cadena. – ScottS

@ScottS: tienes razón, he supuesto que las fracciones decimales terminarían siendo reemplazadas por variables –

Respuesta

Cuestiones relacionadas