I’m using sass-rails gem and I try to use css variable like this :

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

error:

ActionView::Template::Error ($hue: “var(–h)” is not a number for `hsl’):

I think sass try to interpreted “var(–h)”… how can say “no interpretation” like `var test` in coffeescript for exemple ?

Do you have some solution for do something simple like this?