TL;DR
這份筆記主要用來記錄 Sass 的語法,之前並沒有系統性的學習 Sass,只有在偶爾用到的時候查閱一下。希望透過這份筆記增加對 Sass 的理解,在專案開發時可以善用 Sass 的功能,讓專案的樣式規則更好維護與理解。
什麼是 Sass (Syntactically Awesome StyleSheet)
Sass 是 CSS 的語法擴充 (an extension of CSS3),屬於 CSS 預處理器的一種 (Sass/SCSS 為最常見的一種),需要被編譯成 CSS 後才能套用在 HTML 元素上。Sass 提高了 CSS 語法的 scalability, reusability, and maintainability。
Sass 有兩種語法
較新的 SCSS 語法,副檔名為 .scss
較舊的 SASS 語法,副檔名為 .sass