SASS 1.77.7. Разрушение изменений: смешанные объявления - есть ли простые работы или обновления для существующих проектоCSS

Разбираемся в CSS
Ответить
Anonymous
 SASS 1.77.7. Разрушение изменений: смешанные объявления - есть ли простые работы или обновления для существующих проекто

Сообщение Anonymous »

SASS объявил, что в синтаксисе будут предстоящие изменения в синтаксисе в смешанных объявлениях. По состоянию на SASS 1.77.7 я получаю следующие предупреждения при компиляции. -< /p>

Поведение SASS для объявлений, которые появляются после вложенных правил
, будут изменены в соответствии с поведением, указанным CSS в предстоящей
версии. Чтобы сохранить существующее поведение, переместите объявление над вложенным правилом
. Чтобы выбрать новое поведение, оберните объявление в & {} .

ниже приведен основной пример проблемы. Если мы определим микшин, а затем добавим его в класс стиля в верхней части класса, тогда объявим другие правила, мы получим вышеуказанное предупреждение в консоли. < /P>
@mixin border($color) {
border: 1px solid $color;
}

.style-with-mixin {
@include border(red);
padding: 20px;
// ...Any other styles
}
< /code>
Чтобы удалить эту ошибку, мы должны либо обернуть стили, как следующее -< /p>
.style-with-mixin {
@include border(red);

&{
padding: 20px;
// ...Any other styles
}
}
< /code>
или сдвиг микшин, чтобы быть последним объявлением стиля (это также блокирует возможность переоценки любого из стилей микшина) -< /p>
.style-with-mixin {
padding: 20px;
// ...Any other styles
@include border(red);
}
< /code>
Тем не менее, оба эти решения включают в себя много переписывания стилей для целых проектов, которые не будут реалистичными в моем случае. Помимо блокировки версии SASS, кто -нибудь смог найти работу, которая может быть эффективно реализована в существующих проектах?

Подробнее здесь: https://stackoverflow.com/questions/788 ... -work-arou
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»