@each $social-network,$social-color in $social-colors第二個變量有啥用？
$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沒樣式。
2020-07-03
key, value
2017-04-29
$social-color就是$social-colors值列表里面的值，$social-network是$social-colors值列表里面的鍵，