Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

disable overwriting calc() in sass

Tags:

css

sass

css-calc

In SASS my Calculation looks like calc(50% - 375px); But when it compiles the CSS output looks like that: calc(-325%), which is obviously not what I had in mind.

How can I force SASS to not do the maths (50% - 375px)?

Thank you for your help!

like image 900
rvbdv Avatar asked Mar 24 '17 11:03

rvbdv


1 Answers

Use the SASS interpolation like this #{'calc(50% - 375px)'};

like image 166
Volker Andres Avatar answered Nov 12 '22 18:11

Volker Andres