SCSS工具包

CSS基礎分檔

• normalize.css
  • html init
• utility.css
  • basic settings
  • common css like mx, my, d-flex...
    • margin and padding
    • text
    • color
    • grid system
    • others
• main.css
  • keyFrames
  • component
  • customized style

SASS分檔

• var
• function
• extend
• mixin

專案初始化步驟

• 設定開發起始點（mobile first or pc first)
• 設定字級基礎
• 設定色票
• 設定間隔基礎
• 設定container大小
• 設定斷點
• 其他基礎設定 ＠ basic settings

邊開發邊不斷修正中...