else 书写有误 ,多了一个s
老师最后一个demo中,else 书写有误 ,多了一个s 。可以在 sassmeister 复制我修改后的查看效果,便于理解。
@mixin box-shadow($shadows...){
@if length($shadows) >= 1 {
-webkit-box-shadow: $shadows;
box-shadow: $shadows;
} @else {
// 这里应该没有s,是定义的变量
$shadow: 0 0 2px rgba(#000,.25);
-webkit-box-shadow: $shadow;
box-shadow: $shadow;
}
}
.btn0{
@include box-shadow;
}
.btn1{
@include box-shadow(0 0 1px rgba(#000,.5),0 0 2px rgba(#000,.2));
}