flexiblegs-scss-plus, 灵活的网格系统 Scss

分享于 

3分钟阅读

GitHub

  繁體 雙語
Flexible Grid System
  • 源代码名称:flexiblegs-scss-plus
  • 源代码网址:http://www.github.com/flexiblegs/flexiblegs-scss-plus
  • flexiblegs-scss-plus源代码文档
  • flexiblegs-scss-plus源代码下载
  • Git URL:
    git://www.github.com/flexiblegs/flexiblegs-scss-plus.git
    Git Clone代码到本地:
    git clone http://www.github.com/flexiblegs/flexiblegs-scss-plus
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/flexiblegs/flexiblegs-scss-plus
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    flexiblegs-scss-plus

    灵活的网格系统 Scss

    安装

    下载

    $flexiblegs-method: (
     "css",
     "bem");$flexiblegs-breakpoint: (
     "xl" : "",
     "lg" : "(max-width: 1024px)",
     "md" : "(max-width: 768px)",
     "sm" : "(max-width: 667px)");$wrap-col: (
     "auto", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12);$wrap-prop: (
     "table",
     "flexbox",
     "normal",
     "left",
     "center",
     "right",
     "top",
     "middle",
     "bottom",
     "between",
     "around",
     "baseline",
     "reverse",
     "not-reverse");$col-row: ( 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12);$col-width: ();$col-prop: (
     "hidden",
     "not-hidden",
     "first",
     "not-first",
     "last",
     "not-last");$wrap-gutter: ( 0, 8, 16, 24, 40);$wrap-outside: ( 0, 8, 16, 24, 40);$wrap-masonry: ( 2, 3, 4, 5, 6);@import"flexiblegs-scss";@import"flexiblegs-scss-plus";

    
    $ npm install --save flexiblegs-scss-plus
    
    
    
    

    Bower

    
    $ bower install --save flexiblegs-scss-plus
    
    
    
    

    许可证


    SYS  系统  GRID  FLEX  SCSS  网格系统