Polymer 高分子材料设计中的元素深度

在中，纸张项目的深度从

z=0（dp）

到

z=24（dp）

，但仅使用5种不同的深度，以像素为单位

是否有办法使用材料设计规范中的官方深度值，并从聚合物元素定义中进行某种转换？

---

一种方法是对阴影再次执行所有的

CSS

，但我希望有一个更干净的解决方案。

只有5种预定义样式由

z

属性（） 这是

z=5

html /deep/ .paper-shadow-top-z-5 {
  box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15);
}

html /deep/ .paper-shadow-bottom-z-5 {
  box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3);
}

---

在页面中添加类似样式，并使用自定义后缀（而不是1-5），然后使用此后缀作为深度。（虽然我自己没有测试过）

这意味着我必须按照官方材料设计规范的规定，使用24个深度级别来创建我自己的库：（请随意创建一个特性请求或拉动请求。。。