-
在 CSS 中除了可以使用 rgba、hsla 和 transform 來控制顏色透明度之外，還可以使用 opacity 來控制，只不過前兩者只是針對顏色上的透明通道做處理，而后者是控制整個元素的透明度。查看全部
-
Mix 函數是將兩種顏色根據一定的比例混合在一起，生成另一種顏色： mix($color-1,$color-2,$weight); $weight 為 合并的比例（選擇權重），默認值為 50%，其取值范圍是 0~1 之間。它是每個 RGB 的百分比來衡量，當然透明度也會有一定的權重。默認的比例是 50%，這意味著兩個顏色各占一半，如果指定的比例是 25%，這意味著第一個顏色所占比例為 25%，第二個顏色所占比例為75%。 可以通過顏色變量、十六進制、RGBA、RGB、HSL 或者 HSLA 顏色值查看全部
-
sass -i 在命令終端開啟這個命令，相當于開啟 Sass 的函數計算,e.g: $ sass -i >> rgb(200,40,88) //根據r:200,g:40,b:88計算出一個十六進制顏色值 #c82858查看全部
-
rgba() 函數主要用來將一個顏色根據透明度轉換成 rgba 顏色。 其語法有兩種格式： rgba($red,$green,$blue,$alpha) //將一個rgba顏色轉譯出來，和未轉譯的值一樣 rgba($color,$alpha) //將一個Hex顏色轉換成rgba顏色查看全部
-
rgb($red,$green,$blue)：根據紅、綠、藍三個值創建一個顏色； rgba($red,$green,$blue,$alpha)：根據紅、綠、藍和透明度值創建一個顏色； red($color)：從一個顏色中獲取其中紅色值； green($color)：從一個顏色中獲取其中綠色值； blue($color)：從一個顏色中獲取其中藍色值； mix($color-1,$color-2,[$weight])：把兩種顏色混合在一起。查看全部
-
map-remove($map,$key) 函數是用來刪除當前 $map 中的某一個 $key，從而得到一個新的 map。其返回的值還是一個 map。他并不能直接從一個 map 中刪除另一個 map，僅能通過刪除 map 中的某個 key 得到新 map。 如果刪除的 key 并不存在于 $map 中，那么 map-remove() 函數返回的新 map 和以前的 map 一樣。 keywords($args) 函數可以說是一個動態創建 map 的函數。可以通過混合宏或函數的參數變創建 map。參數也是成對出現，其中 $args 變成 key(會自動去掉$符號)，而 $args 對應的值就是value。 @mixin map($args...){ @debug keywords($args); } @include map( $dribble: #ea4c89, $facebook: #3b5998, $github: #171515, $google: #db4437, $twitter: #55acee );查看全部
-
map-values($map) 函數類似于 map-keys($map) 功能，不同的是 map-values($map )獲取的是 $map 的所有 value 值，可以說也將是一個列表。而且，map-values($map) 中如果有相同的 value 也將會全部獲取出來。值與值之前同樣用逗號分隔。 map-merge($map1,$map2) 函數是將 $map1 和 $map2 合并，然后得到一個新的 $map。如果你要快速將新的值插入到 $map 中的話，這種方法是最佳方法。 $newmap: map-merge($color,$typo); 如果 $map1 和 $map2 中有相同的 $key 名，那么將 $map2 中的 $key 會取代 $map1 中的.查看全部
-
map-keys($map) 函數將會返回 $map 中的所有 key。這些值賦予給一個變量，那他就是一個列表: $list: map-keys($social-colors);查看全部
-
@function colors($color){ @if not map-has-key($social-colors,$color){ @warn "No color found for `#{$color}` in $social-colors map. Property omitted."; } @return map-get($social-colors,$color); } @each $social-network,$social-color in $social-colors { .btn-#{$social-network} { color: colors($social-network); } }查看全部
-
map-get($map,$key) 函數的作用是根據 $key 參數，返回 $key 在 $map 中對應的 value 值。如果 $key 不存在 $map中，將返回 null 值。 e.g.: .btn-dribble{ color: map-get($social-colors,facebook); } 如果 $key 不在 $map 中，不會編譯出 CSS，其實在 Sass 中，map-get($social- colors,weibo) 返回了一個 null 值.查看全部
-
Sass 中 map 自身帶了七個函數： 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。查看全部
-
Sass 的 map 常常被稱為數據地圖，也有人稱其為數組，因為他總是以 key:value 成對的出現，但其更像是一個 JSON 數據。 Sass 的 map 長得與 JSON 極其相似： $map: ( $key1: value1, $key2: value2, $key3: value3 ) 換皮膚的項目，可能每一套皮膚對應的顏色蠻多的，那么使用此功能來管理顏色的變量就非常的有條理性，便于維護與管理： $theme-color: ( default: ( bgcolor: #fff, text-color: #444, link-color: #39f ), primary:( bgcolor: #000, text-color:#fff, link-color: #93f ), negative: ( bgcolor: #f36, text-color: #fefefe, link-color: #d4e ) );查看全部
-
在這里把 Miscellaneous 函數稱為三元條件函數，主要因為他和 JavaScript 中的三元判斷非常的相似。他有兩個值，當條件成立返回一種值，當條件不成立時返回另一種值： if($condition,$if-true,$if-false)查看全部
-
comparable() 函數主要是用來判斷兩個數是否可以進行“加，減”以及“合并”。如果可以返回的值為 true，如果不可以返回的值是 false查看全部
-
unitless() 函數相對來說簡單明了些，只是用來判斷一個值是否帶有單位，如果不帶單位返回的值為 true，帶單位返回的值為 false查看全部
舉報
0/150
提交
取消