目前點贊最多的這個,我試了,運算可以進行, Sass version:3.5.1
》》round(3px/2em)
2px/em
》》round(3px/2em)
2px/em
2017-09-26
其實每個列表中值的個數可以不等
>>zip(1px 2px ,solid dashed dotted,green blue red)
生成(1px solid green) (2px dashed blue)
新的多維列表數目取決于原始值最少的那個列表。
但是為了安全起見,還是應該使每個單一列表值的個數相同。
>>zip(1px 2px ,solid dashed dotted,green blue red)
生成(1px solid green) (2px dashed blue)
新的多維列表數目取決于原始值最少的那個列表。
但是為了安全起見,還是應該使每個單一列表值的個數相同。
2017-09-25
創建list類型數據時,可以使用空格,逗號,小括號
$list: 30px 50px , 20 60 ;這樣是可以的
而使用length()函數時,只有最里面一層的括號中可以使用逗號
length(1 2 3 )=>3 一般用法
length(1 (2,3) 4)=>3 這種就不會報錯,但注意只有里面一層能用逗號。
$list: 30px 50px , 20 60 ;這樣是可以的
而使用length()函數時,只有最里面一層的括號中可以使用逗號
length(1 2 3 )=>3 一般用法
length(1 (2,3) 4)=>3 這種就不會報錯,但注意只有里面一層能用逗號。
2017-09-25
最贊回答 / 白船襪七分褲
我猜你是CSS沒有學好。顏色的值范圍為[0,255] ,#f00(其實是#ff0000,只不過相同的可以省略)為16進制表示形式。換算以16為基數。16進制,值為0-15,但是9之后的用A-F來表示.因此是0-9,A-F.(A=10,以此類推)。隨便看一個例子:我們的終端顏色為#800080,每兩個算一種顏色。每個顏色的值為:red:80=>? 8*16^1 + 0*16^0 = 128; ??green:00=> 0*16^1 + 0*16^0 = 0;?blue:80=>8*16^1...
2017-09-15
$color: #BB16FF;
$lt: lightness($color);
.primary{
background: $color;
}
.lighter {
background: lighten($color,(100% - $lt)*1.4);
}
.darker {
background: darken($color,(100% - $lt)*1.5);
}
$lt: lightness($color);
.primary{
background: $color;
}
.lighter {
background: lighten($color,(100% - $lt)*1.4);
}
.darker {
background: darken($color,(100% - $lt)*1.5);
}
2017-09-13
我想 keywords($args)的主要作用是針對混合宏和函數,想將map(鍵值對)作為參數傳遞進去而設立的吧!
$social-colors: (
taobao: #000,
twitter: #fff,
facebook: #35d
);
@each $key, $value in $social-colors {
.btn-#{$key} {
color: $value;
}
}
taobao: #000,
twitter: #fff,
facebook: #35d
);
@each $key, $value in $social-colors {
.btn-#{$key} {
color: $value;
}
}
2017-09-12
$social-colors: (
dribble: #ea4c89,
facebook: #3b5998,
github: #171515,
google: #db4437,
twitter: #55acee
);
.btn-weibo{
font-size: 12px;
@if map-get($social-colors,weibo) == null {
color: null;
}
color: map-get($social-colors,weibo);
}
dribble: #ea4c89,
facebook: #3b5998,
github: #171515,
google: #db4437,
twitter: #55acee
);
.btn-weibo{
font-size: 12px;
@if map-get($social-colors,weibo) == null {
color: null;
}
color: map-get($social-colors,weibo);
}
2017-09-12
$list:zip(1px 2px 1px, solid dashed dotted, red green pink);
@for $i from 1 through 3 {
.box-#{$i} {
border: nth($list,$i);
}
}
@for $i from 1 through 3 {
.box-#{$i} {
border: nth($list,$i);
}
}
2017-09-11