Sass (Syntactically Awesome StyleSheets)

官網：https://www.sass.hk/docs/

Sass 是一款強化 CSS 的輔助工具，它在 CSS 語法的基礎上增長了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導入 (inline imports) 等高級功能，這些拓展令 CSS 更增強大與優雅。使用 Sass 以及 Sass 的樣式庫（如 Compass）有助於更好地組織管理樣式文件，以及更高效地開發項目。

1. 特點功能 (Features)

• 徹底兼容 CSS3
• 在 CSS 基礎上增長變量、嵌套 (nesting)、混合 (mixins) 等功能
• 經過函數進行顏色值與屬性值的運算
• 提供控制指令 (control directives)等高級功能
• 自定義輸出格式

2. 語法格式 (Syntax)

Sass 有兩種語法格式。首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 這種格式僅在 CSS3 語法的基礎上進行拓展，全部 CSS3 語法在 SCSS 中都是通用的，同時加入 Sass 的特點功能。此外，SCSS 也支持大多數 CSS hacks 寫法以及瀏覽器前綴寫法 (vendor-specific syntax)，以及早期的 IE 濾鏡寫法。這種格式以 .scss 做爲拓展名。

另外一種也是最先的 Sass 語法格式，被稱爲縮進格式 (Indented Sass) 一般簡稱 "Sass"，是一種簡化格式。它使用 「縮進」 代替 「花括號」 表示屬性屬於某個選擇器，用 「換行」 代替 「分號」 分隔屬性，不少人認爲這樣作比 SCSS 更容易閱讀，書寫也更快速。縮進格式也能夠使用 Sass 的所有功能，只是與 SCSS 相比個別地方採起了不一樣的表達方式，具體請查看 the indented syntax reference。這種格式以 .sass 做爲拓展名。

任何一種格式能夠直接 導入 (@import) 到另外一種格式中使用，或者經過 sass-convert 命令行工具轉換成另外一種格式：

# Convert Sass to SCSS
$ sass-convert style.sass style.scss

# Convert SCSS to Sass
$ sass-convert style.scss style.sass