7+1 Sass 设计模式 DAY42

7+1 Sass 设计模式: https://gist.github.com/rveitch/84cea9650092119527bc

这里可以看到它 创建了一个sass资料夹
里面有 7个结构

1. base
   里面会放一些初始化的东西 或是 文字规则
2. components
   有点像是 Bootstrap的元件
   不论放到哪个 grid 都可以
3. layout
   
   这里的 grid 必须与 components 彼此是独立的
4. pages
   例如 视差滚动(较特别) 就可以独立出来
5. themes
   网站有多个颜色的话 可用此调整
6. utils
   工具型的(mixin , variables等等)
7. vendor
   有载入插件(ex: jquery套件效果)
   若第一次写Sass 可以不用这麽复杂
   可以下图来开发就好

//变数
@import "variables";
//css reset
@import "reset";
//全站设定
@import "base";
//mixin (功能类 ex: rwd)
@import "mixin";
//layout(ex: header , footer)
@import "layout";
//分页
@import "pages/index";
@import "pages/cart";

注意
+我们开发的专案要依据专案大小来决定设计模式
若专案太小 切太细
反而会有反效果
那今天的 7+1 设计模式
就介绍到这里啦
明天将介绍 格线系统
若有任何问题 或 内容有误
请别吝啬的跟我说唷!!