使用@include和&符号(&)

时间:2018-06-18 17:35:54

标签: css sass

我正在尝试确定现有SASS库的范围,以便所有规则都以.my-scope开头。我的第一次迭代是:

.my-scope {
  @import library;
}

这适用于大多数事情,但图书馆有一个mixin如下:

@mixin foo {
  input:checked ~ & {
    background: red;
  }
}

@mixin library {
  .bar {
    @include foo;
  }
}

这导致

input:checked ~ .my-scope .bar{background:red}

我的目的是生成

.my-scope input:checked ~ .bar{background:red}

代替。

我无法改变图书馆;有没有办法构建我的@import以使范围界定起作用?

0 个答案:

没有答案