css - Sass Ruby 过渡滤镜效果报错信息

Question

以下 css 过渡效果未在 Sass 中编译，我收到以下错误消息。

Line 10 of _brightness.scss: $color: 100% is not a color for `red'

这在我的网站上有效，但我认为 Sass 的更新破坏了我的效果并使其返回上述错误。以下是我的带有悬停效果的过渡，它不起作用。

.viewimage img {
  -webkit-filter: brightness(100%);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;   
  transition: all 0.2s ease-in-out;
}
.viewimage:hover img {
  -webkit-filter: brightness(80%);
}

有谁知道为什么会出现此错误以及如何解决该错误？

Answer 1

感谢“Nico O”建议链接，已使用以下代码找到修复。

.viewimage img {
  @include filter(#{"brightness(1)"});
  @include transition(all 0.2s ease-in-out);
}

.viewimage:hover img {
  @include filter(#{"brightness(0.8)"})
}