Jasny-Bootstrap在lessfile中使用“.offcanvas-sm”

Question

我想将.offcanvas-sm分配给<nav>元素的@import "../../jasny-bootstrap.less"; .test { .offcanvas-sm; } 用于Less文件。 Less文件如下：

offcanvas-sm

问题是较少的处理器说 - 类{{1}}不存在。它来自这个＆＃34; https://github.com/jasny/bootstrap/blob/master/less/offcanvas.less＆＃34;较少的文件包含在＆＃34; jasny-bootstrap.less＆＃34;中。但是如何将此代码导入类？

Answer 1

编译器在那里是正确的，实际上在您尝试调用它的上下文中不存在.offcanvas-sm。这里的关键词是Scope：媒体查询中定义的选择器只能在同一媒体查询块中用作mixin。

对于这个特殊情况，extend可以解决问题。 extend的范围处理与mixin的范围处理有些正交，因此在媒体查询块中定义的选择器是开放的，以便扩展＆＃34;来自外部范围（但不是相反）：

.test {
    &:extend(.offcanvas-sm all);
}

或者只是：

.test:extend(.offcanvas-sm all) {

}

---

在这种情况下，

all关键字是必需的，因为.offcanvas-sm样式实际上是一组两个规则集：.offcanvas-sm和.offcanvas-sm.in