SCSSミックスインは、SCSS /サス</p> <p>に

Question

新しい認識されない、私はその場でメディアクエリを構築するためにミックスインを使用しようとしています。私はこれを、後で特定のmodule.scssファイルで変数を渡すためのテストとして実行していますが、私は奇妙なエラーが発生しています。ここで

は私のミックスインのコードです：

MODファイルに一度

@mixin breakPoint($length){ 
    @media (max-width: $length){ 
     @content; 
    } 
} 

、私は次のような何かを書き込もうとしています：

.header-fixedWidth 
    { 
     height: inherit; 
     width: 853px; 
     margin: 0 auto; 
     display: flex; 
     align-items: center; 
     justify-content: space-between; 

     @include breakPoint(916px) 
     { 
      width: 90vw; 
     } 
    } 

しかし、私は/プロセスにファイルを保存するときに、 "エラーが発生しました。ブレークバックトレースがありません：..// [...]"

mixin.cssページをチェックすると、何もログに記録されません私は何かを渡すことに失敗している、私はちょうど何がわからない。ここで

は私の全体的なスタイルのページで、場合には、おそらく、私はそこにも何かが欠けています：

@import "Mods/_base"; 
@import "Mods/_headerAndNav"; 
@import "Mods/_mainContent"; 
@import "Mods/_mixins"; 

Answer 1

ので、もし、あなたがあなたのミックスインのファイルがすでにロードされていることを確認する必要があります任意のmixinを使用しますあなたはそれがエラーを与える、あなたの全体的なSASSファイル与えられ、_maincontentでミックスインを使用するので、このような何かを：

@import "Mods/base", 
     "Mods/mixins", 
     "Mods/headerAndNav", 
     "Mods/mainContent"; 

それとも

@import "Mods/mixins", 
     "Mods/base", 
     "Mods/headerAndNav", 
     "Mods/mainContent";