創建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
$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
ceil(1em / 5px) 的計算結果為 1em/px 但這結果并不符合CSS語法 所以不予輸出 那么我想sass提供這種計算方式有何意義呢? 難道是要準備內部自己調用再次復合計算的意思嗎?
2017-09-11
content: quote("hi,\"Danny\""); 試試這個看輸出!哈哈哈哈哈哈
2017-09-11