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

问题描述

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

$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

解决方法

您必须执行以下操作：

$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);