【问题标题】:Material Design Typography and Metric Rules in Polymer聚合物中的材料设计排版和度量规则
【发布时间】:2014-08-27 06:19:32
【问题描述】:

我的问题很简单:在 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) 不遵循所有度量规则,是吗? (还是我完全弄错了?)

【问题讨论】:

    标签: html css polymer web-component material-design


    【解决方案1】:

    我也找不到用于 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

    【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-04-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-13
      • 1970-01-01
      • 1970-01-01
      • 2015-02-14
      • 1970-01-01
      相关资源
      最近更新 更多