CSS - variable for Sass colors

Question

I'm trying to use CSS Variables - variables with some Sass function like rgba or color set, but I keep getting the error:

"Error: $ color:" var (- color) "is not a color for` rgba '"

This is my code:

--color: #{rgb(132, 200, 3)};
--rgba: #{rgba(var(--color), 0.5)};

.color {
  color: mix($white, var(--rgba), 50%);
}

Any advice on what I am doing wrong?

+3

Filip van reeth Jul 29. 17 at 8:25

1 answer

Ahmad · Answer 1 · 2017-07-29T08:35:11+0000

Try the following:

  --color: #{rgb(132, 200, 3)};
  --rgba: #{rgba(var(-red), 0.5)};

.color {
  color: mix($white, var(--rgba), 50%);
}

Hope this is helpful :)