Scss mixin запускается только один раз в моем проекте Angular

Я возился с анимацией и пытаюсь добавить ее на боковую панель. По сути, я хотел бы, чтобы элементы на боковой панели исчезали каждый раз, когда ящик расширяется.

Что он и делает. Но только один раз. Затем, если я хочу, чтобы он сделал это снова, я должен перезагрузить. Вот сксс:

@mixin animate($animation, $duration, $method, $times) {
  animation: $animation $duration $method $times;
}

@mixin keyframes($name) {
  @keyframes #{$name} {
    @content;
  }
}

.links {
  @include keyframes(fadein) {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  @include animate(fadein, 2s, ease-in, 1);
}

Мне интересно, что я пропустил здесь, или есть ли в Angular лучший способ заставить боковую панель анимироваться каждый раз, когда ящик расширяется, а не только в первый раз.