Question

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

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

我对Play！，Lagom，webjars和Foundation这个世界很陌生，所以在我理解的noobie理解中明显错过了一些东西。帮助和启发很高兴。

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）

的“自定义下载”

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

1 个答案: