css - 使用 Play Framework org.webjars 时如何在 Foundation 中定义自定义主题

Question

我想为我正在编写的“Hello My-Lagom-World”应用程序添加一些自定义样式/主题。

我一直在使用 online-auction-scala ( https://github.com/lagom/online-auction-scala ) 作为构建我自己的“hello-lagom”示例的基础。

游戏!应用程序依赖于:

"org.webjars" % "foundation" % "6.2.3",
"org.webjars" % "foundation-icon-fonts" % "d596a3cfb3"

并且在运行时使用默认样式。

Foundation 本身使用 Sass 来定义其主题，例如:

$foundation-palette: (
  primary: #1779ba,
  secondary: #767676,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;

并且似乎允许它们被“@include add-foundation-colors;”覆盖在其 settings.scss 文件中。

在处理完 scss 文件后，我可以通过直接在 main.css 中应用 css 样式来成功覆盖设置，但我认为这不是最好或正确的方法。

如果我正确理解了 settings.scss 的意图，这将允许我覆盖默认值，这是我想在 Play 中做的事情!应用。我希望这就像在适当的源文件夹(例如 app/assets/css)中添加一个 add-foundation-colors.scss 文件一样简单。

我是 Play!、Lagom、webjars 和 Foundation 的新手，所以在我当前的新手理解中显然遗漏了一些东西。非常感谢帮助和启发。

Answer 1

考虑到 James Ward 的评论(参见 Overriding WebJar assets in Play 2.x )，我通过以下方式“解决”了这个问题:

a) 移除 build.sbt 中的依赖 ("org.webjars"% "foundation"% "6.4.3-1")

b) 创建和使用基础的“自定义下载”(https://foundation.zurb.com/sites/download.html/#customizeFoundation)