# SCSS 使用紀錄 ## 使用要點 ### 變數 * 在最上方引入 * 引入方式 * ![](https://i.imgur.com/VkvOkzC.png) * 檔案格式 * ![](https://i.imgur.com/iK4cesN.png) * 使用方式 * ![](https://i.imgur.com/o8H4qA6.png) ### for * ![](https://i.imgur.com/uAD0O2P.png) * $i是index，類型是INT * 用#{}包起來能轉成字串(的樣子) ### mixin * 函數般的存在 * 格式 * ![](https://i.imgur.com/gfF5vc7.png) * 使用方式 * ![](https://i.imgur.com/dPR2MhO.png) * 沒填的就吃預設值 ### 不錯的效果 * button * https://codepen.io/codexstart/pen/JjWVGwb