SASS

文件尾碼名
    sass有兩種尾碼名文件：一種尾碼名為sass，不使用大括
    號和分號；另一種就是我們這裡使用的scss文件，這種和我們
    平時寫的css文件格式差不多，使用大括弧和分號。而本教程中
    所說的所有sass文件都指尾碼名為scss的文件。在此也建議使
    用尾碼名為scss的文件，以避免sass尾碼名的嚴格格式要求報錯

    導入
    sass的導入(@import)規則和CSS的有所不同，編譯時會將@import
    的scss文件合併進來只生成一個CSS文件。但是如果你在sass
    文件中導入css文件如@import 'reset.css'，那效果跟普通
    CSS導入樣式文件一樣，導入的css文件不會合併到編譯後的文
    件中，而是以@import方式存在。
    所有的sass導入文件都可以忽略尾碼名.scss。一般來說基礎的
    文件命名方法以_開頭，如_mixin.scss。這種文件在導入的時
    候可以不寫下劃線，可寫成@import "mixin"。

    註釋
    sass有兩種註釋方式，一種是標準的css註釋方式/* */，另一
    種則是//雙斜桿形式的單行註釋，不過這種單行註釋不會被轉譯
    出來。
    
    雙斜桿單行註釋
    單行註釋跟JavaScript語言中的註釋一樣，使用又斜杠（//）
    ，但單行註釋不會輸入到CSS中。
    
    變數
    sass的變數必須是$開頭，後面緊跟變數名，而變數值和變數名
    之間就需要使用冒號(:)分隔開（就像CSS屬性設置一樣），如
    果值後面加上!default則表示預設值。

    混合(mixin)
    sass中使用@mixin聲明混合，可以傳遞參數，參數名以$符號
    開始，多個參數以逗號分開，也可以給參數設置預設值。聲明的
    @mixin通過@include來調用。    

    多個參數mixin
    調用時可直接傳入值，如@include傳入參數的個數小於@mixin
    定義參數的個數，則按照順序表示，後面不足的使用預設值，如
    不足的沒有預設值則報錯。除此之外還可以選擇性的傳入參數，
    使用參數名與值同時傳入。