@keyframes 中的 SCSS @extend 不起作用

Question

我試圖創建兩個關鍵幀動畫來替換偽元素的內容屬性。 不幸的是，看起來 SCSS 的@extend功能在@keyframes中不起作用。 我錯過了什么？

代碼：（打開animation 不起作用，關閉是）。

@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 是當您需要鏈接類時，您應該在這種情況下使用 mixins。”