我正在尝试一个很好的本地化mixin,它会给我以下输出:
.gb .PARENT,
.ie .PARENT {
color: red;
}
我创建了一个你通过位置和规则的mixin,如下所示:
.button {
.localise(gb au ie, {
color: red;
})
}
在我的mixin我希望循环遍历每个位置并输出规则 - 我创造了一个"扔掉"最初,我可以从每个位置延伸,以便它给我所需的输出 - 但这就是即将到来的。
似乎你不能在extends函数中使用插值,所以我无法很好地得到我的父元素 - 理想情况下我会:
.@{name} &:extend(INTERPOLATED-PARENT .localise all) {}
但我必须使用:
.@{name} &:extend(.button .localise all) {}
任何人都可以想到一种方式,我可以像上面的那样通过一个可变的父类" INTERPOLATED-PARENT"示例
这是我到目前为止的代码:
https://codepen.io/sonnyprince/pen/MoMOaq
谢谢!