Html 聚合物忽略纸卡边距

我想修改纸卡元素的边距，所以我只创建了一个样式html文件。以下是相关代码：

paper-card {
    max-width: 400px;
    vertical-align: top;
    margin: 10px;
    --paper-card-header-color: var(--paper-pink-a200);
}

标题颜色和垂直对齐都被正确应用，但是边距和最大宽度被忽略（Chrome开发控制台说这些值由于某种原因被覆盖）。

---

我做错了什么？

您需要使用

--paper-card

mixin来应用下面的样式

.with-margin {
  --paper-card:{
    margin: 10px;
  }
}

<paper-card class="with-margin"></paper-card>

。带边距{
--纸卡：{
利润率：10px；
}
}

---

工作jsbin:

也不起作用，尽管我已经定义为40像素，但边距仍然是40像素10px@CaptainKopp你必须检查一下你是否在别的地方写得太多了。或者，您可能没有包括样式。如果您发布完整的代码，可能有人会帮助您。我刚刚发现了我的实际问题：我已经在样式表的末尾重写了这些属性。哇！我是天才。