我正在尝试为UIkit框架创建一个简单的作用域,如下所示:
.myscope{
@import'./vendor/uikit/src/less/uikit.theme.less';
}
效果很好。例子:
.myscope .uk-width-1-6\@s {
width: calc(100% * 1 / 6.001);
}
.myscope .uk-light,
.myscope .myscope .uk-section-primary:not(.uk-preserve-color),
.myscope .myscope .uk-section-secondary:not(.uk-preserve-color),
...
我不确定这是否是问题所在,但英国部分扩展的部分如下所示:
.uk-section-primary:not(.uk-preserve-color):extend(.uk-light all) when (@section-primary-color-mode = light) {}
.uk-section-primary:not(.uk-preserve-color):extend(.uk-dark all) when (@section-primary-color-mode = dark) {}
我知道纱线有一个工作流程,但我不能用它。那么如何避免这种双重作用域呢?