Предупреждение о смешанной декларации для вложенных правил ⇐ CSS

[Anonymous]

Я создал микшин и добавляю в него некоторые точки останова. Я продолжаю получать предупреждения, но когда я выбираю новое поведение, я все еще продолжаю получать предупреждение. Новое поведение, оберните объявление в & {} . "
Я делаю что -то не так?
@mixin heading-lines($color: $white, $max-width: 100%) {
color: $white;
margin-bottom: 3.5rem;
position: relative;
display: flex;
column-gap: 50px;

h2 {
display: inline-block;
text-align: center;
margin-bottom: 0;
max-width: $max-width;
}

& {
@media (max-width: 1025px) {
column-gap: 25px;
}
}

& {
@media (max-width: 480px) {
column-gap: 16px;
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... sted-rules