有没有一种方法可以使calc函数与Sass中的*运算符一起使用?

时间:2020-08-17 23:30:34

标签: css sass fonts css-calc

我正在尝试设置默认字体大小,然后使用它来获取其他字体大小。

$base-font-size: calc(100% + 0.25vw); // this is fine
$font-size--2: $base-font-size * 0.5; // the multiplication causes an error here
$font-size--1: $base-font-size * 0.75;
$font-size-1: $base-font-size * 1.25;

我从编译器那里得到了

错误:未定义的操作“ calc(100%+ 0.25vw)* 0.5”。 ╷ 14│$ font-size--2:$ base-font-size * 0.5; │^^^^^^^^^^^^^^^^^^^^^^ ╵ styles.scss 14:16根样式表

进程结束,退出代码为65

1 个答案:

答案 0 :(得分:0)

您必须执行以下操作:

$base-font-size: calc(100% + 0.25vw); 
$font-size--2: calc(#{$base-font-size} * 0.5);
$font-size--1: calc(#{$base-font-size} * 0.75);
$font-size-1: calc(#{$base-font-size} * 1.25);