@MrShah

Можно ли в less подставлять разные значения переменных в медиа-запросах?

Есть такой код:
@buttonsWidth: 50px;

.buttonWrapper {
    margin: 0 @buttonsWidth / 2;

    .button {
        width: @buttonsWidth;
    }
}


То есть margin враппера зависит от ширины кнопки.
Теперь я хочу сделать так, чтобы при ширине экрана меньше определенного значения (то есть @media (max-width: 500px) {...}) ширина кнопки была другой, например 10vw. Возможно ли как-то определить переменную в less, чтобы в таком случае автоматически писались медиа-запросы. Что-то вроде:
@buttonsWidth: 50px;

@media (max-width: 500px) {
    @buttonsWidth: 10vw;
}
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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