-
unquote()函數：如果字符沒有帶引號，返回的將是字符串本身 ——注意，這個 "不帶引號的字符串 "不能帶感嘆號這樣的標點查看全部
-
可能會實用的編寫技巧，多回顧~查看全部
-
這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。查看全部
-
Sass 中的 @extend 是用來擴展選擇器或占位符。比如： .error { border: 1px #f00; background-color: #fdd; } .error.intrusion { background-image: url("/image/hacked.png"); } .seriousError { @extend .error; border-width: 3px; } 被編譯為： .error, .seriousError { border: 1px #f00; background-color: #fdd; } .error.intrusion, .seriousError.intrusion { background-image: url("/image/hacked.png"); } .seriousError { border-width: 3px; }查看全部
-
假設要引入的樣式文件`example.scss`文件中包含這樣的代碼： .example { color: red; } 然后這樣引用： #main { @import "example"; } 編譯出來的 CSS： #main .example { color: red; }查看全部
-
如果你有一個 SCSS 或 Sass 文件需要引入， 但是你又不希望它被編譯為一個 CSS 文件， 這時，你就可以在文件名前面加一個下劃線，就能避免被編譯。 這將告訴 Sass 不要把它編譯成 CSS 文件。 然后，你就可以像往常一樣引入這個文件了，而且還可以省略掉文件名前面的下劃線。 例如，你有一個文件叫做 _colors.scss。 這樣就不會生成 _colors.css 文件了， 而且你還可以這樣做：查看全部
-
transparentize() 和 fade-out() 函數所起作用剛好與 opacify() 和 fade-in() 函數相反，讓顏色更加的透明。這兩個函數會讓透明值做減法運算，當計算出來的結果小于 0 時會以 0 計算，表示全透明。查看全部
-
hsl($hue,$saturation,$lightness)：通過色相（hue）、飽和度(saturation)和亮度（lightness）的值創建一個顏色； hsla($hue,$saturation,$lightness,$alpha)：通過色相（hue）、飽和度(saturation)、亮度（lightness）和透明（alpha）的值創建一個顏色； hue($color)：從一個顏色中獲取色相（hue）值； saturation($color)：從一個顏色中獲取飽和度（saturation）值； lightness($color)：從一個顏色中獲取亮度（lightness）值； adjust-hue($color,$degrees)：通過改變一個顏色的色相值，創建一個新的顏色； lighten($color,$amount)：通過改變顏色的亮度值，讓顏色變亮，創建一個新的顏色； darken($color,$amount)：通過改變顏色的亮度值，讓顏色變暗，創建一個新的顏色； saturate($color,$amount)：通過改變顏色的飽和度值，讓顏色更飽和，從而創建一個新的顏色 desaturate($color,$amount)：通過改變顏色的飽和度值，讓顏色更少的飽和，從而創建出一個新的顏色； grayscale($color)：將一個顏色變成灰色，相當于desaturate($color,100%); complement($color)：返回一個補充色，相當于adjust-hue($color,180deg); invert($color)：反回一個反相色，紅、綠、藍色值倒過來，而透明度不變。查看全部
-
map-get($map,$key)：根據給定的 key 值，返回 map 中相關的值。 map-merge($map1,$map2)：將兩個 map 合并成一個新的 map。 map-remove($map,$key)：從 map 中刪除一個 key，返回一個新 map。 map-keys($map)：返回 map 中所有的 key。 map-values($map)：返回 map 中所有的 value。 map-has-key($map,$key)：根據給定的 key 值判斷 map 是否有對應的 value 值，如果有返回 true，否則返回 false。 keywords($args)：返回一個函數的參數，這個參數可以動態的設置 key 和 value。查看全部
-
在這里把 Miscellaneous 函數稱為三元條件函數，主要因為他和 JavaScript 中的三元判斷非常的相似。他有兩個值，當條件成立返回一種值，當條件不成立時返回另一種值： if($condition,$if-true,$if-false)查看全部
-
comparable() 函數主要是用來判斷兩個數是否可以進行“加，減”以及“合并”。如果可以返回的值為 true，如果不可以返回的值是 false：查看全部
-
unitless() 函數相對來說簡單明了些，只是用來判斷一個值是否帶有單位，如果不帶單位返回的值為 true，帶單位返回的值為 false：查看全部
-
type-of() 函數主要用來判斷一個值是屬于什么類型： 返回值： number 為數值型。 string 為字符串型。 bool 為布爾型。 color 為顏色型。查看全部
-
zip()函數將多個列表值轉成一個多維的列表：查看全部
-
length($list)：返回一個列表的長度值； nth($list, $n)：返回一個列表中指定的某個標簽值 join($list1, $list2, [$separator])：將兩個列給連接在一起，變成一個列表； append($list1, $val, [$separator])：將某個值放在列表的最后； zip($lists…)：將幾個列表結合成一個多維的列表； index($list, $value)：返回一個值在列表中的位置值。查看全部
舉報
0/150
提交
取消