在Sass文件播放框架中使用Bourbon

Question

我已经在我的build.sbt中添加了波旁webjar：

val Bourbon = "org.webjars.bower" % "bourbon" % "4.2.3"

在我的sass文件(app/assets/样式表/main.sass)中，我有一个导入：

@import "../../../target/web/web-modules/main/webjars/lib/bourbon/app/assets/stylesheets/bourbon"

我对../和路径长度有点不舒服。

有趣的是，它似乎被打包到自己的app/assets/stylesheets目录中。

还有其他方法来指定导入吗？

Answer 1

我一直致力于自己实现一个Sass插件。我已经确保webjars可以很容易地包括在内。

使用这个插件，应该可以通过以下方式包括一个webjar库：

@import "lib/<library name>/path/to/sass/stylesheet";

因此，对于波旁威士忌，例如：

@import "lib/bourbon/app/assets/stylesheets/bourbon";

// example of bourbon mixin usage
a.tooltip-anchor + .tooltip:after {
  content: "";
  position: relative;
  top: -12px;
  @include triangle(6.5em 2.5em, #FF0000, down);
}