代码之家  ›  专栏  ›  技术社区  ›  Mike

与UIkit CSS框架一起使用LESS时的双作用域

  •  0
  • Mike  · 技术社区  · 5 年前

    我正在尝试为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) {}
    

    我知道纱线有一个工作流程,但我不能用它。那么如何避免这种双重作用域呢?

    0 回复  |  直到 5 年前
    推荐文章
    Artem  ·  UIkit小屏幕风格
    9 年前