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

【问题标题】：How can I define a custom theme in Foundation when using Play Framework org.webjars使用 Play Framework org.webjars 时如何在 Foundation 中定义自定义主题
【发布时间】：2018-10-09 16:46:29
【问题描述】：

我希望为我正在编写的“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 世界的新手，所以在我目前的新手理解中显然遗漏了一些东西。非常感谢您的帮助和启发。

【问题讨论】：

我现在明白 _include 和 _import 不是一回事。对“......就像添加 add-foundations-colors.scss 文件一样简单......”的引用具有误导性。 _include 意味着提供一个“mixin”，但我也没有成功，所以问题仍然存在。
相关问题：stackoverflow.com/questions/22523924/…

标签： css sass zurb-foundation playback webjars

【解决方案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)

【讨论】：