8

我的问题很简单:在 Polymer 应用程序中实施 Material Design ( http://www.google.com/design/spec/material-design/introduction.html ) 的排版和度量规则的推荐方法是什么?例如,如何在 CSS 中实现单位 sp 和 dp?

有我可以包含的官方 CSS 文件吗?我也不确定聚合物的核心和纸元素是否都符合材料设计的一般规则。它说与 Polymer 捆绑的 Topeka 应用程序是 Material Design 的一个示例。但是,通过阅读它的源代码,特别是它的样式表,我还没有理解这一点。例如,配置文件屏幕 ( https://github.com/Polymer/topeka-elements/blob/master/topeka-profile.html ) 不遵循所有度量规则,是吗?(或者我完全错了吗?)

4

2 回答 2

7

我也找不到用于 Material Design 排版的规范样式表或采样器。

所以我把这个样式表放在一起:

http://brm.io/material-design-type/

我在这里遵循了规范:

http://www.google.com/design/spec/style/typography.html

随意使用它,我在 Polymer 应用程序中使用它,它看起来不错。

编辑:

源代码现在在 github 上可用:

https://github.com/liabru/material-design-type

和 CodePen:

http://goo.gl/27issq

于 2014-09-16T16:43:28.103 回答
3

我在 github 上找到了这个实验性存储库: https ://github.com/nevir/paper-theme-experiment 它包含一个主题元素,它还定义了您在设计规范中找到的不同字体,它还进行了一些颜色主题化. 然而,它还远未完成,但在 Polymer Team 发布完成版本之前,这是一个良好的开端。

于 2014-09-16T23:31:09.710 回答