$social-colors: (

    dribble: #ea4c89,

    facebook: #3b5998,

    github: #171515,

    google: #db4437,

    twitter: #55acee

);

@function colors($color){

    @if not map-has-key($social-colors,$color){

        @warn "No color found for `#{$color}` in $social-colors map. Property omitted.";

    }

    @return map-get($social-colors,$color);

}

@each $social-network,$social-color in $social-colors {
   .btn-#{$social-network} {
       color: colors($social-network);
   }
}

这里的第二个变量$social-colo有啥用？删掉编译出来的css没样式。