Google Material Design ALL 24 立面图

Posted

技术标签:

【中文标题】Google Material Design ALL 24 立面图【英文标题】:Google Material Design ALL 24 Elevations 【发布时间】:2016-03-25 17:13:20 【问题描述】:

我最近对材料设计的概念非常感兴趣,但有一件事我无法克服。创建谷歌声明的海拔的方式。我已经寻找了一个月,但只找到了旧材料指南的解决方案。我正在寻找的是新的 24 个立面,而不是原来的 5 个立面。如果有人有解决方案,我很乐意听到。

*Google 自己的“材料”网站似乎也没有使用新指南。

Google 的指南链接: https://www.google.com/design/spec/material-design/introduction.html

提前致谢。

【问题讨论】:

【参考方案1】:

material-shadows 是一个使用这些新单元的库。但是,它目前不插入值。唯一支持的级别是:2、3、4、6、8、16、24。

我 added an issue 建议插值。

【讨论】:

以上是关于Google Material Design ALL 24 立面图的主要内容,如果未能解决你的问题,请参考以下文章

scss Sass Mixin:Google Material Design Shadow

scss Sass Mixin:Google Material Design Shadow

scss Sass Mixin:Google Material Design Shadow

Google--Material Design UI素材库React版

开发Google Material Design风格的WPF程序

npm install 后如何引用 Google Material-Design-Icons?