Как правильно подключить миксин внутри @media запроса?

Question

[Лариса]

Что имеется

main.scss
     @import "width";
     
     @include width(name); // в этом месте работает

     @media (min-width: 1200px) {    
          @include width(name); // в этом месте НЕ работает
      }

Как правильно сделать запись вызова миксина внутри @ media ?

Всем спасибо)

Comments

[Сергей delphinpro]

Должно работать.

[Лариса]

Сергей: вот что пишет в ошибке

You may not @extend an outer selector from within @ media.
You may only @extend selectors within the same directive.
From "@extend %example" on line 8.

Есть

%example {
  float: left;
}


@mixin width($name) {
  .class-#{$name} {
    @extend %example;
  }
}

Проблема у медиа с @extend %example;
а вот как ее обойти(

В итоговом коде extend группирует селекторы

[Сергей delphinpro]

Лариса: а, ну так эктендами в медиа нельзя расширять селекторы снаружи. Обойти нельзя.
Замените плейсхолдер %example на миксин