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)"})
}