直接寫在最外層的同學,那樣你的代碼就會丑···本來按照bem規范的要求你可以一級嵌套一級,結果css表又變成了一大坨亂的,這樣之后會不好維護,尤其是在項目大的時候經常需要維護上百份樣式表
2017-11-18
$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 ) );
.btn-default {
color: map-get( map-get($theme-color,default),bgcolor);
}
.btn-default {
color: map-get( map-get($theme-color,default),bgcolor);
}
2017-10-31
@mixin swatchesColor($color){
@for $i from 1 through 21{
li:nth-child(#{$i}){
$bgc:if($i<=11,lighten($color,55-$i*5), darken($color,$i*5-55 ));
background-color:$bgc;
&:hover:before{content:"#{$bgc}";color:lighten($bgc,40);
font-family:verdana;font-size:8px;padding:2px;
}}}}
@for $i from 1 through 21{
li:nth-child(#{$i}){
$bgc:if($i<=11,lighten($color,55-$i*5), darken($color,$i*5-55 ));
background-color:$bgc;
&:hover:before{content:"#{$bgc}";color:lighten($bgc,40);
font-family:verdana;font-size:8px;padding:2px;
}}}}
2017-10-19
目前點贊最多的這個,我試了,運算可以進行, 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