在 Sass 文件中使用 Bourbon - Play 框架答案

【问题标题】：Using Bourbon in Sass File - Play Framework在 Sass 文件中使用 Bourbon - Play 框架
【发布时间】：2015-08-07 22:09:28
【问题描述】：

我已将 bourbon webjar 添加到我的 build.sbt：

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

在我的 sass 文件 (app/assets/stylesheets/main.sass) 我有导入：

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

我对@987654323@ 和路径长度有点不舒服。

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

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

【问题讨论】：

标签： playframework sass playframework-2.0 webjars

【解决方案1】：

我自己一直在努力实现Sass plugin。我确保可以轻松包含 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);
}

【讨论】：