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 設計模式
就介紹到這裡啦
明天將介紹 格線系統
若有任何問題 或 內容有誤
請別吝嗇的跟我說唷!!