• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

mike1o1/ember-material-design: Ember implementation of Google's Material Des ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

mike1o1/ember-material-design

开源软件地址(OpenSource Url):

https://github.com/mike1o1/ember-material-design

开源编程语言(OpenSource Language):

JavaScript 44.6%

开源软件介绍(OpenSource Introduction):

No longer maintained

This project is no longer maintained. For an up-to-date material design project, please use Ember Paper.


Ember-material-design

The Ember Material Design project is an implementation of Material Design in EmberJS. This project attempts to provide a set of reusable, well-tested and accessible UI components based on the Material Design system.

This project is as close to a reference implementation of Angular Material as I could make it. Most of the credit for this work belongs to that team.

Note that this addon is under a lot of active development. I try to keep breaking changes to a minimum, but no guarantees until development slows down and stabilizes and a 1.0 version is released.

Demo

Visit Demo Page to view the components in action.

Installation

Install the ember-cli addon into project

$ ember install ember-material-design

This project uses SASS for compiling stylesheets. Import them into your styles.scss.

@import "ember-material-design";

To use SASS, you will need to either install broccoli-sass or ember-cli-sass.

$ ember install ember-cli-sass

This project does not provide any vendor prefixes. It is highly recommended to use an autoprefixer. I prefer to use ember-cli-autoprefixer which can be installed as an addon very easily.

$ ember install ember-cli-autoprefixer

Any variables you want to set should be set prior to importing the ember-material-design stylesheet.

For example, to change the $primary color:

$primary: 'red';

@import "ember-material-design";

Fonts

By default, the RobotoDraft font is used from the Google Fonts api. To include this font, add the following line in the <head> section of your index page.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic">

If you wish to use another font, overwrite the $font-family in a .scss file before your @import "ember-material-design";.

Real World Usage

If you're using this addon, I'd love to see an example of your work. Feel free to send me an email, or a pull request with your site listed here!




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
javiersantos/MLManager: A modern, easy and customizable app manager for Android ...发布时间:2022-08-17
下一篇:
Kyogirante/MaterialDesignDemo发布时间:2022-08-17
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap