聚合物忽略了纸卡边缘

时间:2015-10-24 16:01:34

标签: html5 css3 polymer

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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

工作jsbin:http://jsbin.com/xoxewe/edit?html,output