Есть такой код:
@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;
}