模組裡 map merge 寫法

Map_module.scss

//////////////////////////////////// 版的css設定
$list: (
  li:(
    background-color: #fff
  )
);


//////////////////////////////////// 模組scss -----------------------
$list: () !default;
$list-defaults: (
    li: (
        color: red,
        border: 1px solid #ccc
    ),
    a: (
        display: block
    )
);

//////////////////////////////////// 模組功能:
@function get($map, $select) {
    @if map-has-key($map, $select) {
        @return map-get($map, $select);
    } @else  {
        @return ();
    }
}

@mixin merge ($select, $defaults, $custom) {
    $maps: map-merge(get($defaults, $select), get($custom, $select));
    @each $key, $val in $maps {
        #{$key}: #{$val};
    }
}

@mixin product-list ($select) {
    @include merge($select, $list-defaults, $list);
}

// 模組功能的css
ul.product-list li {
  @include product-list(li);
}