使用 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"

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

基金会本身使用 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 中做的事情！应用。我希望这就像在适当的源文件夹中添加一个 add-foundation-colors.scss 文件一样简单（例如 app/assets/css）。

我是 Play!、Lagom、webjars 和 Foundation 的新手，所以在我当前的新手理解中显然遗漏了一些东西。不胜感激。

Answer 1

考虑到 James Ward 的评论（参见 Overriding WebJar assets in Play 2.x），我 "solved" 这个问题是：

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

b) 创建和使用 'custom download' 基金会 (https://foundation.zurb.com/sites/download.html/#customizeFoundation)

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

How can I define a custom theme in Foundation when using Play Framework org.webjars

css

sass

playback

zurb-foundation

webjars