我正在尝试确定现有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
以使范围界定起作用?