scss Mixins error

Question

컴파일 오류가있는 다음 scss mixin
"... (base, $ base)": expected ")", "was" 오류를 찾을 수 없습니다,

// 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

당신이 $ 차 텍스트 후에 닫는 대괄호 누락 도와주세요? 당신이 바르 맵을 사용하려면

$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); 

Answer 2

는,이 "KEY_NAME"처럼 써야한다 : $ 값

// 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; 
    } 
} 

감사를 :) 귀하의 제안에 대한