Sassエラー： "typography-config"の後に無効なCSS 4.x

Question

アセットフォルダにある角度4.xプロジェクト用のカスタムフォントを統合したいとします。私は角度のある素材を使用しています。

@import '~@angular/material/theming' 

$used-fonts : 'Avenir', arial 

$general-typography : mat-typography-config(
    $font-family: quote($used-fonts) 
) 

@include mat-core($general-typography) 

私が得たエラー：私はエラーを与えて

Invalid CSS after "...ography-config(": expected expression (e.g. 1px, bold), was "{" 

を:

でその材料のために、私は私のstyles.sassここ

でカスタムタイポグラフィを設定していたコードです

アイデア？

Answer 1

私はあなたに1行以内で試してください。ネストされた値と見なします

$general-typography : mat-typography-config($font-family: quote($used-fonts)) 

Answer 2

各宣言の後にセミコロンを追加することをお勧めします。 CSSはルール内の最後の宣言（オプション）以外の各宣言の後にセミコロンを必要とし、SASSはそれに従うと思います。

@import '~@angular/material/theming'; 

$used-fonts : 'Avenir', arial; 

$general-typography : mat-typography-config(
    $font-family: quote($used-fonts) 
); 

@include mat-core($general-typography);