如何在Polymer 1.0中使用外部样式表中的mixins

Question

Polymer 1.0＆＃39; paper-card元素今天得到了更新，似乎添加了一个新的mixin，虽然它尚未在网站上记录：--paper-card-background-color

在同一步骤中，聚合物开发人员似乎也将默认背景颜色设置为--primary-background-color，这不是我喜欢的纸卡颜色......

所以，我开始尝试从外部样式表中将背景颜色设置为白色。但是，它似乎根本不起作用。我尝试了很多不同的方法，但我必须遗漏一些东西。有人知道怎么做这个吗？官方的Polymer文档从创建自定义元素的角度来讨论这个主题，但我只是尝试使用提供的mixin钩子来设置预先存在的一个。

到目前为止，我已经尝试过这些，但是没有一个能够覆盖默认的背景颜色。请注意，这些是分开尝试，而不是同时尝试;）

:root { --paper-card-background-color:#ffffff; }
:root { --paper-card: { background-color:#ffffff; }
:root { --paper-card { background-color:#ffffff; }
--paper-card: { --paper-card-background-color:#ffffff; }
--paper-card { --paper-card-background-color:#ffffff; }
--paper-card { background-color:#ffffff; }
--paper-card: { background-color:#ffffff; }
paper-card { background-color:#ffffff; }
paper-card { --paper-card-background-color:#ffffff; }

Answer 1

我明白了。如果其他人遇到类似的问题，这里有基础知识：

1. 对于Polymer特定的mixin样式，在.html文件中创建单独的样式表
2. 在<style is="custom-style"></style>标记中包装新.html样式表的内容。
3. 在样式标签之间写下您的样式（例如下面的例子）
4. 使用以下内容将样式表导入您的应用：<link rel="import" href="../styles/custom-styles.html">

这是我的样式表最终看起来像：

自定义-styles.html

<style is="custom-styles">
:root { 
  --paper-card: { background-color: #ffffff; }
}
</style>

我无法让--paper-card-background-color直接工作，但也许还没有完成 - 这可以解释缺少的文档。