Ну у вас по вашей логике получается, что запись как-бы должна быть такой:
@media only screen and (max-width: 1440px) {
40px;
}
Она естественно не будет работать.
Поэтому вы сначала должны сделать миксин, чтобы его использовать, например:
.gap(30px){padding:@gap}
@media only screen and (max-width: 1440px) {
.gap(40px); // padding: 40px;
}
Если написать без параметра, то подставятся первые значения:
.gap(30px){padding:@gap}
@media only screen and (max-width: 1440px) {
.gap; // padding: 30px;
}
Либо уже либо делать что-то в духе:
@gap: 30px;
@media only screen and (max-width: 1440px) {
padding: (@gap + 10px);
}