较少通过mixin定义变量

时间:2019-03-05 10:06:13

标签: css variables less

我需要通过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;
    }
}

当前,它会提供未定义的变量错误。

0 个答案:

没有答案