-
append()函數是用來將某個值插入到列表中，并且處于最末位 如果沒有明確的指定 $separator 參數值，其默認值是 auto。 如果列表只有一個列表項時，那么插入進來的值將和原來的值會以空格的方式分隔。 如果列表中列表項是以空格分隔列表項，那么插入進來的列表項也將以空格分隔；查看全部
-
nth()函數 語法: nth($list,$n) nth() 函數用來指定列表中某個位置的值。與c33的nth-child選擇器語法一致 注意：每個語句后面要帶上分號，不然編譯會報錯查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> $i 表示變量 start 表示起始值 end 表示結束值 這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。 through相當于i>1i&&i<=3 to則相當于i>1&&i<3查看全部
-
@debug, @warn, @error查看全部
-
@import 根據文件名引入。 默認情況下，它會尋找 Sass 文件并直接引入， 但是，在少數幾種情況下，它會被編譯成 CSS 的 @import 規則： 如果文件的擴展名是 .css。 如果文件名以 http:// 開頭。 如果文件名是 url()。 如果 @import 包含了任何媒體查詢（media queries）。 如果上述情況都沒有出現，并且擴展名是 .scss 或 .sass， 該名稱的 Sass 或 SCSS 文件就會被引入。 如果沒有擴展名， Sass 將試著找出具有 .scss 或 .sass 擴展名的同名文件并將其引入。查看全部
-
rgba() 函數主要用來將一個顏色根據透明度轉換成 rgba 顏色。 其語法有兩種格式： rgba($red,$green,$blue,$alpha) //將一個rgba顏色轉譯出來，和未轉譯的值一樣 rgba($color,$alpha) //將一個Hex顏色轉換成rgba顏色 其中 rgba($color,$alpha) 函數作用更大，主要運用在這樣的情形之中：假設在實際中知道的顏色值是 #f36 或者 red，但在使用中，需要給他們配上一個透明度，這個時候在原來的 CSS 中，首先需要通過制圖工具，得到 #f36 或 red 顏色的 R、G、B 值，而不能直接使用（注意 css3 是可以的，但是存在瀏覽器兼容問題）查看全部
-
如果刪除的 key 并不存在于 $map 中，那么 map-remove() 函數返回的新 map 和以前的 map 一樣。 map-remove($map,$key) 函數是用來刪除當前 $map 中的某一個 $key，從而得到一個新的 map。其返回的值還是一個 map。他并不能直接從一個 map 中刪除另一個 map，僅能通過刪除 map 中的某個 key 得到新 map查看全部
-
$social-colors: ( dribble: red, facebook: yellow, github: green, google: blue, twitter: gray ); $names: map-keys($social-colors); @function colors($color) { @if not index($names, $color) { @warn "waring: '#{$color} is not a valid color name'" } @return map-get($social-colors, $color); } @each $name in $names { .btn-#{$name} { color: colors($name); } } /* for循環的使用 */ @for $i from 1 through length($names) { .btn-#{nth($names, $i)} { color: colors(nth($names, $i)); } }查看全部
-
color: map-get($social-colors,facebook2); 如果 $key 不在 $map 中，不會編譯出 CSS，其實在 Sass 中，map-get($social- colors,weibo) 返回了一個 null 值。查看全部
-
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函數 在這里把 Miscellaneous 函數稱為三元條件函數，主要因為他和 JavaScript 中的三元判斷非常的相似。他有兩個值，當條件成立返回一種值，當條件不成立時返回另一種值： if($condition,$if-true,$if-false) 上面表達式的意思是當 $condition 條件成立時，返回的值為 $if-true，否則返回的是 $if-false 值。 >> if(true,1px,2px) 1px >> if(false,1px,2px) 2px查看全部
-
comparable() 函數主要是用來判斷兩個數是否可以進行“加，減”以及“合并”。如果可以返回的值為 true，如果不可以返回的值是 false： >> comparable(2px,1px) true查看全部
-
ntrospection 函數包括了幾個判斷型函數： type-of($value)：返回一個值的類型 unit($number)：返回一個值的單位 unitless($number)：判斷一個值是否帶有單位 comparable($number-1, $number-2)：判斷兩個值是否可以做加、減和合并查看全部
-
index() 函數類似于索引一樣，主要讓你找到某個值在列表中所處的位置。在 Sass 中，第一個值就是1，第二個值就是 2，依此類推： >> index(1px solid red, 1px) 在 index() 函數中，如果指定的值不在列表中（沒有找到相應的值），那么返回的值將是 false，相反就會返回對應的值在列表中所處的位置。 1查看全部
-
append()函數 append() 函數是用來將某個值插入到列表中，并且處于最末位。 >> append(10px 20px ,30px) (10px 20px 30px) >> append((10px,20px),30px) (10px, 20px, 30px) >> append(green,red) (#008000 #ff0000) >> append(red,(green,blue)) (#ff0000 (#008000, #0000ff)) 如果沒有明確的指定 $separator 參數值，其默認值是 auto。 如果列表只有一個列表項時，那么插入進來的值將和原來的值會以空格的方式分隔。 如果列表中列表項是以空格分隔列表項，那么插入進來的列表項也將以空格分隔； 如果列表中列表項是以逗號分隔列表項，那么插入進來的列表項也將以逗號分隔。 當然，在 append() 函數中，可以顯示的設置 $separator 參數， 如果取值為 comma 將會以逗號分隔列表項 如果取值為 space 將會以空格分隔列表項 >> append((blue green),red,comma) (#0000ff, #008000, #ff0000) >> append((blue green),red,space) (#0000ff #008000 #ff0000) >> append((blue, green),red,comma) (#0000ff, #008000, #ff0000) >> append((blue, green),red,space) (#0000ff #008000 #ff0000) >> append(blue,red,comma) (#0000ff, #ff0000) >> append(blue,red,space) (#0000ff #ff0000)查看全部
舉報
0/150
提交
取消