我想修改纸卡元素的边距,所以我只是创建了一个样式html文件。这是相关的代码:
paper-card {
max-width: 400px;
vertical-align: top;
margin: 10px;
--paper-card-header-color: var(--paper-pink-a200);
}
正确应用标题颜色和垂直对齐,但忽略边距和最大宽度(Chrome开发者控制台表示由于某种原因这些值已被覆盖)。 我做错了什么?
答案 0 :(得分:1)
您需要使用--paper-card
mixin来应用如下所示的风格
.with-margin {
--paper-card:{
margin: 10px;
}
}
<paper-card class="with-margin"></paper-card>