scssのmixinであらかじめ定義されている変数リストを使用できるようにする

宴もたけなわでございますが、こう書けば良い。

意外に参考書とかネット記事を探しても見当たらなかったから苦戦しました。
カラーマネジメントとかでも頻繁に使えそうなので重宝しそうです。

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

$weights: (
    'regular': 400,
    'medium': 700
) !default;

@mixin notoFont ($weight: medium) {
    font-family: 'Noto sans jp';
    font-weight: #{map-get($weights, $weight)};
}

$colors: (
    'black': '#000',
    'white': '#fff',
    'error': '#f00'
) !default;

@mixin color ($color: black) {
    color: #{map-get($colors, $color)};
}

p {
    @include notoFont();
    @include color();
}