Есть ли функция для проверки существующего заполнителя?

Question

Я написал этот код:

@mixin test() {
  @at-root {
    %place-test {
      display: red;
    }
  }

   @extend %place-test;
}

.parent-test {
     @include test();
}

.parent-test-2 {
    @include test();
}

сейчас, я хочу этот результат:

.parent-test-2,
.parent-test {
   display: red;
}

но результат после компиляции такой же:

.parent-test-2,
.parent-test {
   display: red;
 }

.parent-test-2,
.parent-test {
   display: red;
}

1009 * Я имею в виду, что дважды повторяю.Есть ли функция для проверки существующего заполнителя?

Answer 1

Проблема в том, что вы создаете новый селектор-заполнитель каждый раз, когда вызываете миксин.Вам нужно объявить %place-test вне его, и затем он скомпилируется так, как вы хотите:

%place-test {
   display: red;
}

@mixin test() {
   @extend %place-test;
}

.parent-test {
   @include test();
}

.parent-test-2 {
   @include test();
}

Это предполагает, что у вас есть больше свойств в миксине.В противном случае лучше позвонить @extend напрямую.