我需要通过mixin定义变量,是否可以通过LESS进行定义?
.define-vars(@var, @val) {
@{var}: @val;
@{var}-tablet: @val / .2;
@{var}-mobile: @val / .5;
}
.define-vars('body-size', 16);
body {
font-size: @body-size;
@media(max-width: 900px) {
font-size: @body-size-tablet;
}
@media(max-width: 400px) {
font-size: @body-size-mobile;
}
}
当前,它会提供未定义的变量错误。