Sass

sass
文件後綴名有兩種，.sass中不包含{}和； .scss中包含{}和； 與css原生代碼很相似， 因此建議使用.scss的後綴名
導入文件，可引入.scss或者.css文件，後綴名均可以去掉，區別在於，.scss文件會被考拉編譯，.css文件不會
@import "";
變量,$變量名稱（自取）：值，若是在值後面接!default表示默認值,若是不想用默認值，從新聲明一個便可
語法結構：$變量名：值；其中變量名自取
div {屬性名：$變量名；}
$border:1px solid red!default;
div{
border: $border;
}
sass中使用@mixin聲明混合，能夠傳遞參數，參數名以$符號開始，多個參數以逗號分開，也能夠給參數設置默認值
聲明的@mixin經過@include來調用。
混合mixin，@mixin 名稱{聲明}，調用時使用@include 名稱

無參數mixin
舉例：@mixin widthHeight{
width: 200px;
height: 200px;
}
div{
@include widthHeight;
}
有參數mixin
@mixin background($color:green){
background: $color;
}

div{
@include background;
}
多個參數mixin
調用時可直接傳入值，如@include傳入參數的個數小於@mixin定義參數的個數，則按照順序表示，
後面不足的使用默認值，如不足的沒有默認值則報錯。除此以外還能夠選擇性的傳入參數，使用參數名與值同時傳入。
@mixin marginPadding($margin:50px,$padding:100px){
margin: $margin;
padding: $padding;
}

div{
@include marginPadding;
}