使用Less loop和interpolated extend创建逗号分隔的选择器

时间:2017-07-19 13:23:29

标签: css loops less extend

我正在尝试一个很好的本地化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

谢谢!

0 个答案:

没有答案