@keyframes 中的 SCSS @extend 不工作

Question

我正在尝试创建两个关键帧动画来替换伪元素的内容属性。不幸的是，SCSS 的 @extend 功能似乎在 @keyframes 中不起作用。我错过了什么吗？

代码：（open 动画不起作用，close 起作用）。

@keyframes open {
  0% {
    @extend .icon-after-arrow-down;
  }
  50% {
    color: transparent;
  }
  100% {
    @extend .icon-after-arrow-up;
  }
}

@keyframes close {
  0% {
    content: '\e905';
  }
  50% {
    color: transparent;
  }
  100% {
    content: '\e902';
  }
}

Answer 1

已通过@Arkellys 的评论解决 “@extend 是当你需要链接 类 时，你应该在这种情况下使用 mixin。”