Ошибка использования амперсанда SCSS

Question

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

.hover {
  &:extend(.post-module:hover all)
  .post-content {
    .description {
      display: block !important;
      height: auto !important;
      opacity: 1 !important;
    }
  }
}

Я получаю сообщение об ошибке при использовании валидатора SCSS:

Ошибки разбора .hover: extended (.post-module: hover all) .post-content .description {Ожидаемый RPAREN в строке 1, столбец 15.

Как мне пропустить правильные скобки? Я просто не понимаю.

Answer 1

Вы просто пропустили точку с запятой после &:extend(.post-module:hover all):

.hover {
    &:extend(.post-module:hover all);
    .post-content {
        .description {
            display: block !important;
            height: auto !important;
            opacity: 1 !important;
        }
    }
}