阻止Sass制作报价值

phi*_*ipp 14 sass

我对Sass很安静...我想用百分比值创建一些css,如:

width : 13%;
Run Code Online (Sandbox Code Playgroud)

该值是sass数字操作的结果.写这个

width : $main-width + "%"
Run Code Online (Sandbox Code Playgroud)

scss代码生成这个:

width : "13%";
Run Code Online (Sandbox Code Playgroud)

css,实际上什么不起作用,因为它应该是:

width : 13%;
Run Code Online (Sandbox Code Playgroud)

写作

width : $main-width %;
Run Code Online (Sandbox Code Playgroud)

结果是

width : 13 "%"
Run Code Online (Sandbox Code Playgroud)

什么也导致了非工作的CSS规则.有没有办法让Sass打印13%平原,没有引号?

max*_*tty 15

将Sass中的单位想象为代数中的变量而不是仅仅连接字符串.

在代数中: 2x * 3 = 6x

在萨斯: 13 * 1% = 13%

使用此方法可以进行更高级的数学运算. 10px * 3px = 30px*px

但是px*px不是一个有效的CSS单元,所以你必须通过除以取消一个1px

30px*px / 1px = 30px

希望这有助于超越您原来的问题.


phi*_*ipp 10

unquote("%")可以解决问题.