material-shadows, 材质设计阴影的mixin

分享于 

2分钟阅读

GitHub

  繁體 雙語
Mixins library: Paper shadows of material design
  • 源代码名称:material-shadows
  • 源代码网址:http://www.github.com/mrmlnc/material-shadows
  • material-shadows源代码文档
  • material-shadows源代码下载
  • Git URL:
    git://www.github.com/mrmlnc/material-shadows.git
    Git Clone代码到本地:
    git clone http://www.github.com/mrmlnc/material-shadows
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mrmlnc/material-shadows
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    材质设计阴影

    面向CSS预处理器的混合库的实现。

    demo

    安装

    • git: git clone git://github.com/mrmlnc/material-shadows.git ;
    • Bower: bower install --save material-shadows
    • npm: npm install --save material-shadows ;

    支持语言

    支持所有流行的css preprocessors:

    用法

    // Less, SCSS, Stylus@import"lib/material-color";.my-selector {
     .z-depth(); // equivalent to `.z-depth(2)` and `.z-depth-2dp()`// Create class for `transition` property..z-depth-transition();
     // Creating a class to an element in the focused state..z-depth-focus();
    }// Class generator.shadow {
     .z-depth-classes();
    }

    支持选项

    z-深度

    英镑

    • 类型:Number
    • 默认值:2
    • 可用值:2,3,4,6,8,16,24

    深度阴影。

    z-depth-classes

    转换

    • 类型:Boolean
    • 默认值:false

    transition 属性创建类。

    焦点

    • 类型:Boolean
    • 默认值:false

    将类创建为焦点状态中的元素。

    变更日志

    参见我们GitHub项目的发布部分,用于每个版本的changelogs。

    许可证

    本软件是在麻省理工学院许可条款下发布的。


    DES  MAT  SHA  设计  Material  MATE  
    相关文章