Scss Mixin nicht erkannt

Question

Neu bei Scss/Sass

Ich versuche ein Mixin verwenden, um eine Medienabfrage im laufenden Betrieb zu strukturieren. Ich tue dies mehr als ein Test, um die Variable später in der bestimmten module.scss-Datei zu übergeben, aber ich bekomme einen seltsamen Fehler.

Hier ist mein mixin Code:

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

Einmal in der Mod-Datei, ich so etwas wie die folgenden zu schreiben versucht bin:

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

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

Aber, wenn ich die Datei speichern/Prozess, Ich erhalte den folgenden Fehler: "Fehler Nein Mixin namens Pause backtrace: ..// [...]"

Wenn ich die mixin.css Seite überprüfen, wird nichts protokolliert ged, damit ich etwas nicht weitergeben kann, weiß ich nicht was.

Hier ist meine gesamte Stil Seite, falls ich vielleicht etwas auch dort bin fehlt:

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

Answer 1

jede mixin Sie sicherstellen verwenden müssen, dass Ihre mixin Dateien bereits geladen werden, so dass, wenn Sie verwenden eine mixin in _maincontent, Ihre allgemeine SASS-Datei angegeben, wird es einen Fehler geben, so etwas tun, wie folgt aus:

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

Oder

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