@Alianos

Как использовать scss переменною в calc?

Здравствуйте, скажите пожалуйста почему етот код не компилируется правильно
div {
  $item-margin: 1vmin;
  width: calc(50vw - $item-margin * 2);
  height: calc(50vw - $item-margin * 2);
  background: red;
}

на выходе только
div {
  width: calc(50vw - $item-margin * 2);
  height: calc(50vw - $item-margin * 2);
  background: red;
}
  • Вопрос задан
  • 94 просмотра
Решения вопроса 2
nazares
@nazares
Software Engineer
div {
  $item-margin: 1vmin;
  width: calc(50vw - #{$item-margin} * 2);
  height: calc(50vw - #{$item-margin} * 2);
  background: red;
}
Ответ написан
Комментировать
@igumenov
необходимо изолировать переменную в функции calc
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы