Question

我正在使用LESS和Magento 2.在_navigation.less中存在一个名为.lib-main-navigation-desktop（）的mixin，其中包含一些默认值，例如：

.lib-main-navigation-desktop(
    @_nav-background-color: @navigation-desktop__background,
    @_nav-border: @navigation-desktop__border,
    @_nav-font-size: @navigation-desktop__font-size,
    @_nav-font-weight: @navigation-desktop__font-weight
) {

    .navigation {
        .lib-css(background, @_nav-background-color);
    }
}

我想将这个mixin与一些不同的默认值一起使用，例如背景颜色。所以，在我的_extend.less文件中，我添加了：

.lib-main-navigation-desktop(
    @_nav-background-color: red
) {
    .navigation {
        width: auto;
        display: inline-block;
    }
}

bin / magento cache之后：clean，grunt：exec和grunt：less。背景没有改变。而不是这个例子，如果我在mixin参数之外设置@ navigation-desktop__background：red，它就可以工作。

我所展示的例子不是正确的方法吗？我试着按照http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/css-topics/theme-ui-lib.html#fedg_using-ui-lib_customize

上的文档进行操作

感谢。

mixin默认值为LESS Magento 2

0 个答案: