css - 将 css 变量存储在 sass 变量中的函数返回未定义的操作

Question

我有一个像这样的 sass 函数：

$base-size: var(--base-size, 14px);

@function calc($size) {
  $newSize: $size / $base-size;
  @return #{$newSize}rem;
}

--base-size如您所见，在 :root 中定义，但也有一个备用值。编译时总是给我这个错误：

未定义的操作“10px/var(--base-size, 14px) * 1em”。@return ($target / $context) * 1em;

当我写作$base-size: 14px;时，一切正常。像这样在 sass 函数中不能使用 css 变量吗？

标签： csssass