根据＆amp;更改mixin行为元素类型

Question

有没有办法在mixin中检查引用的元素类型？

像

这样的东西

.mymixin(&) when (& = 'a') {}
.mymixin(&) when (& = 'li') {}
.mymixin(&) when (& = 'div') {}

Answer 1

您无法指定＆amp;的值。对变量的父引用，既不使用它作为mixins的参数。

您可以使用mixins guards或pattern-matching

同时选中CSS guards，以便您使用：

& when (@my-option = true) {
  button {
    color: white;
  }
  a {
    color: blue;
  }
}