問題
下記の様に、font-sizeとline-heightをpxを含む変数で定義しているとき、中央寄せにするための適切なline-heightを求めると単位pxが含まれて倍率指定ができない
default_font_size_px = 16px
default_line_height_px = 32px
.sample
font-size default_font_size_px
line-height (default_line_height_px / default_font_size_px)
この結果は当然単位pxを含むので、"2px"になってしまう
解決
unit関数が使えるのでそれ使って単位変換したらいいっぽい
default_font_size_px = 16px
default_line_height_px = 32px
.sample
font-size default_font_size_px
line-height unit(default_line_height_px / default_font_size_px, '')
結果、pxが空文字になるので、期待通り"2"になった
他にもビルトイン関数がたくさんあるっぽい
日本語ありがたい
https://gist.github.com/ejointjp/8e0992cbf83565095adbf695d8bf65fc