如何在 SASS Rails 解释器中使用 css 变量？ （冲突）

Question

我正在使用 sass-rails gem，并且尝试使用这样的 css 变量：

  --h: 198
  --l: 38%
  --c: hsl(var(--h), 100%, var(--l))
  background-image: linear-gradient(to right, var(--c) 0%, #000 100%)

错误：

ActionView::Template::Error（$hue: "var(--h)" 不是 `hsl' 的数字）：

我认为 sass 尝试解释“var(--h)”...怎么能像咖啡脚本中的“var test”那样说“没有解释”？

你有一些解决方案可以做这样简单的事情吗？

Answer 1

寻找解决方案：

      --h: 300
      $c:  #{"hsl(var(--h), 20%, 10%)"}
      $c1: #{"hsl(var(--h), 70%, 40%)"}
      $c2: #{"hsl(var(--h), 90%, 35%)"}
      background: #{"radial-gradient(circle at -40% -60%, #{$c1}, transparent 100%),radial-gradient(circle at 200% 180%, #{$c2}, transparent 100%),radial-gradient(circle at 50% 50%, #{$c}, #{$c} 100%)"}