Sass 错误：var(--num) 不是数字

Sass 错误：'var(--num)' 不是数字

当在 Sass 中使用 var(--num) 获取 CSS 变量并尝试进行数字运算时，可能会遇到错误 'SassError: var(--num) is not a number'。这是因为 var() 函数返回的是一个字符串，而 Sass 在进行数字运算时需要的是数字类型。

解决方法：

1. 使用 calc() 函数: 将 var(--num) 包含在 calc() 函数中，强制 Sass 将其解析为数字。

.my-element {
  width: calc(var(--num) * 2px);
}

2. 使用 to-number() 函数: 将 var(--num) 转换为数字类型。

.my-element {
  width: to-number(var(--num)) * 2px;
}

注意：

• 确保 var(--num) 实际存储的是一个数字，而不是字符串。
• 在 calc() 函数中使用 * 号进行乘法运算时，需要在数字后面加上 px 等单位。

通过以上方法，您就可以在 Sass 中正确使用 var() 函数获取和处理数字变量，避免出现 'SassError: var(--num) is not a number' 的错误。