7+1 Sass 设计模式 DAY42

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

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

base
里面会放一些初始化的东西 或是 文字规则components
有点像是 Bootstrap的元件
不论放到哪个 grid 都可以layout

这里的 grid 必须与 components 彼此是独立的pages
例如 视差滚动(较特别) 就可以独立出来themes
网站有多个颜色的话 可用此调整utils
工具型的(mixin , variables等等)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 设计模式
就介绍到这里啦
明天将介绍 格线系统
若有任何问题 或 内容有误
请别吝啬的跟我说唷!!