减CSS映射问题(Less CSS Mapping issue)

我试图让地图功能在以下情况下工作：

@state-colors: {
    @light: {
        hover: blue;
        focus: red;
        active: green;
    }
}

.mdc-states-on(@state; @tone) {
     &:@{state}::after {
        background-color: @state-colors[@@tone][@@state];
    }
}

.mdc-button-state-on(@tone) {
    .mdc-states-on(hover; @tone);
}

正如你所看到的，我叫mdc-button-state-on ，然后创建我通过所需要的属性mdc-states-on 。

上述目前不编译。

问题是与@@state值。 作为一个变量它不工作，但如果我用它替换，说一个常数，如“悬停”，但它编译。

background-color: @state-colors[@@tone][hover];  // compiles

我试着改变@@状态@state，@ {}状态等，但还没有找到一个可行的解决方案。

希望得到一些专家的帮助，以确定是否可以这样做的工作，或用其他方式帮助。

文章来源: Less CSS Mapping issue