亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

@debug? 類似于console.log

? ? ? alpha($color) /opacity($color)：獲取顏色透明度值；

? ? ? rgba($color, $alpha)：改變顏色的透明度值；

? ? ? opacify($color, $amount) / fade-in($color, $amount)：使顏色更不透明；

? ? ? transparentize($color, $amount) / fade-out($color, $amount)：使顏色更透明；

? ? hsl($hue,$saturation,$lightness)：通過色相(hue)、飽和度(sauturation)和亮度(lightness)的值創建一個顏色；

? ? hsla($hue,$saturation,$lightness,$alpha)：通過色相(hue)、飽和度(suaturation)、亮度(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($oolor,100%)；

? ? complement($color)：返回一個補充色，相當于adjust-hue($color,180deg)；

? ? invert($color)：返回一個反相色，紅，綠，藍色值倒過來，而透明度不變。

rgb($red,$green,$blue)：根據紅、綠、藍三個值創建一個顏色；

rgba($red,$green,$blue,$alpha)：根據紅、綠、藍和透明度創建一個顏色；

red($color)：從一個顏色中獲取其中紅色值；

green($color)：從一個顏色中獲取其中綠色值；

blue($color)：從一個顏色中獲取其中藍色值；

mix($color-1,$color-2,[$weight])：把兩種顏色混合在一起；

type-of($value)：返回一個值得類型；

unit($number)：返回一個值得單位；

unitless($number)：判斷一個值是否帶有單位；

comparable($number-1, $number-2)：判斷兩個值是否可以做加、減和合并

length($list)：返回一個列表的長度值；

nth($list, $n)：返回一個列表中制定的某個標簽值；

join($list1, $list2, [$separator

)：將兩個列表連接在一起，變成一個列表；

append($list1, $val, [$separator])：將某個值放在列表的最后；

zip($lists…)：將幾個列表結合成一個多維的列表；

percentage($value)：將一個不帶單位的數轉換成百分比值；

round($value)：將數值四舍五入，轉換成一個最接近的整數；

ceil($value)：將大于自己的小數轉換成下一位整數；

floor($value)：將一個數去除他的小數部分；

abs($value)：返回一個數的絕對值；

min($numbers…)：找出幾個數值之間的最小值；

max($numbers…)：找出幾個數值之間的最大值；

用來給字符串添加引號。如果字符串，自身帶有引號會統一換成雙引號 ""。

使用 quote() 函數只能給字符串增加雙引號，而且字符串中間有單引號或者空格時，需要用單引號或雙引號括起，否則編譯的時候將會報錯。

• ? ? ??unquote($string)：刪除字符串中的引號；

• ??? ??quote($string)：給字符串添加引號。

格式：@each $var in <list>

$var變量名，<list>表達式

@mixin author-images {

? ? @each $author in $list {

? ? ? ? .photo-#{$author} {

? ? ? ? ? ? background: url("/images/avatars/#{$author}.png") no-repeat;

? ? ? ? }

? ? }

}

$list>>$author>>...

格式：

@for $i from <start> through <end>

@for $i from <start> to <end>

through表示包括end，to不包括end

@import 可以引入scss文件

rgba($color,alpha) 修改$color的透明度alpha

mix($color1,$color2,weight) weight是第一個元素的權重

red() 獲取顏色中紅色成分值

blue() 獲取顏色中藍色成分值

green() 獲取顏色中綠色成分值

rgb

rgba

red

blue

green

mix

map-remove($map,$key):刪除列表中的$key

keywords($args) 參數成對出現，key是args去掉$之后的元素，value就是$args中的value

map-values($map) 獲取map列表中的所有值

map-merge($map1,$map2) 將兩個map合并，如果有重復 后面的覆蓋前面的

@function?colors($color){????$name:map-keys($social-colors);????@if?not?index($name,$color){????????@warn?"Warning:`#{$color}?is?not?a?valid?color?name`";????}?????@return?map-get($social-colors,$color);}@each?$name?in?map-keys($social-colors){????.btn-#{$nam3{????????color:colors($name);????}}

map-keys($social-colors):獲取$social-color列表中的所有key

map-has-key($map,$key):返回一個布爾值，有返回true;
沒有返回false;