Задать вопрос
@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;
}
  • Вопрос задан
  • 105 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • GB (GeekBrains)
    Профессия Фронтенд-разработчик
    9 месяцев
    Далее
  • Хекслет
    Разработчик на Ruby on Rails
    5 месяцев
    Далее
Решения вопроса 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
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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