css - scss Mixins 错误

Question

下面的scss mixin有编译错误
“... (base, $base)”后的无效 CSS:应为“)”，为“;”无法定位错误，求助

// Variables for Materiel colours
$primary         : #0293FF;
$primary-dark    : darken($primary,25%);
$primary-light   : lighten($primary,75%);
$accent          : #FF5252;

$text            : #ffffff;
$primary-text    : #333333;
$secondary-text  : #727272;
$divider         : #B6B6B6;
$base            : #FAFAFA;

$palette:    (primary, $primary),
            (primary-dark, $primary-dark),
            (primary-light, $primary-light),
            (text, $text),
            (primary-text, $primary-text,
            (secondary-text, $secondary-text),
            (accent, $accent),
            (divider, $divider),
            (base, $base);

@each $palette , $color in $palette  {
  .colour-#{$palette } {
    color: $color;
  }
   .bg-#{$palette } {
    background-color: $color;
  }
}

Answer 1

$primary-text 后是否缺少右括号？

$palette:    (primary, $primary),
            (primary-dark, $primary-dark),
            (primary-light, $primary-light),
            (text, $text),
            (primary-text, $primary-text),
            (secondary-text, $secondary-text),
            (accent, $accent),
            (divider, $divider),
            (base, $base);