-
在網格系統中生成各個格子： //SCSS $grid-prefix: span !default; $grid-width: 60px !default; $grid-gutter: 20px !default; %grid { float: left; margin-left: $grid-gutter / 2; margin-right: $grid-gutter / 2; } @for $i from 1 through 12 { .#{$grid-prefix}#{$i} { width: $grid-width * $i + $grid-gutter * ($i - 1); @extend %grid; } }查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> 這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。 @for $i from 1 through 3 { .item-#{$i} { width: 2em * $i; } } @for $i from 1 to 3{ .item-#{$i} { width: 2em * $i; } } @for $i from 0 through 10 { .item#{$i} { background-position: 0 - 10px*$i; } }查看全部
-
如果 $map1 和 $map2 中有相同的 $key 名，那么將 $map2 中的 $key 會取代 $map1 中的查看全部
-
調用混合宏時，會給參數自動加上單位查看全部
-
length() 函數中的列表參數之間使用空格隔開，不能使用逗號查看全部
-
字符串函數quote( str ) 字符串中間有單引號或者空格時，需要用單引號或雙引號括起，否則編譯的時候將會報錯。 碰到特殊符號，比如： !、?、> 等，除中折號 - 和 下劃線_ 都需要使用雙引號括起。查看全部
-
主要包括： 字符串函數 數字函數 列表函數 顏色函數 Introspection 函數 三元函數等 當然除了自備的函數功能之外，我們還可以根據自己的需求定義函數功能，常常稱之為自定義函數。查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> $i 表示變量 start 表示起始值 end 表示結束值 這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。查看全部
-
@for $i from start through end @for $i from start to end through表示包括end，to表示不包括end查看全部
-
若計算的結果小于0，則會以0計算，表示全透明查看全部
-
獲取透明度：alpha()、opacity() 若顏色沒有指定透明度，則返回1查看全部
-
顏色透明：opacity()函數 alpha($color)/opacity($color):獲取顏色透明度 rgba($color,$alpha):改變顏色透明度 opacify($color,$amount)/fade-in($color,$amound):使顏色更不透明 transparentize($color,$amount)/fade-out($color,$amount)：使顏色更透明查看全部
-
adjust-hue()函數，色相修改范圍為（-360deg,360deg）或百分比查看全部
-
hsl($hue,$saturation,$lightness)通過設置色相值、飽和度、亮度來創建一種顏色 hsla($hue,$saturation,$lightness,$alpha)通過設置色相值、飽和度、亮度、透明度來創建一種顏色 hue($color)獲得顏色的色相，同理saturation($color)、lightness($color) adjust-hue($color,$newhue)更改顏色的色相值（數值deg或百分比） saturate($color,$math)增強顏色的飽和度（百分比） desaturate($color,$math)減弱顏色的飽和度（百分比） lighten($color,$math)增強顏色的亮度（百分比） darken($color,$math)減弱顏色的亮度（百分比） grayscale($color)將顏色更改為灰色 invert($color)將顏色的相色反向，紅綠藍的值倒過來，透明度不變 complement($color)返回一個補充色查看全部
-
mix($color-1,$color-2)將兩種顏色混合，默認50%，即兩種顏色各一半。 mix($color1,$color2,.25) 表示第一種顏色占百分之二十五，第二種七十五。查看全部
舉報
0/150
提交
取消