Question

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

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

正确应用标题颜色和垂直对齐，但忽略边距和最大宽度（Chrome开发者控制台表示由于某种原因这些值已被覆盖）。我做错了什么？

Answer 1

您需要使用--paper-card mixin来应用如下所示的风格

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

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