sass开发总结

混合器(传参)

// input placeholder 设置
@mixin inputPlaceHolder($color1){
    &::-webkit-input-placeholder{
        color: $color1;
    } 
    &:-moz-placeholder{
        color: $color1;
    } 
    &::-moz-placeholder{
        color: $color1;
    } 
    &:-ms-input-placeholder{
        color: $color1;
    }
}

input {
       flex: 1;
       margin-left: 10px;
       height: 100%;
       border: 0;
       outline: 0;
       color: #888888;

       &{
           @include inputPlaceHolder(#f00);
       }
   }