Ein SCSS-Mix überschreiben

Question

Ich versuche, einen SCSS-Mix, der von einem Drittanbieter-Plugin stammt, außer Kraft zu setzen. Ich möchte das Mixin nicht direkt bearbeiten, also habe ich eine Kopie davon erstellt und alle meine Änderungen hinzugefügt.

Derzeit werden die Dateien in der folgenden Reihenfolge geladen:

@import "scss/button-mixin"; // Overridden 
@import "vendors/scss/button-mixin"; // Original 

(sowohl die mixin Dateien ähnlich benannt)

ich auch die überschriebene mixin nach dem ursprünglichen habe versucht Laden aber in In beiden Fällen wird mein benutzerdefinierter Override einfach ignoriert.

Das gleiche Setup funktioniert in LESS, aber es scheint, dass SCSS dies auf eine andere Weise behandelt.

Wie kann ich das tun?

Answer 1

Ich habe einen Sass Gist erstellt, um Ihnen zu zeigen, wie ein Mixin überschrieben wird. Was Sie versuchen, sollte funktionieren. Ich könnte mir vorstellen, dass es irgendwo anders das Problem verursacht, könnte es möglicherweise die Reihenfolge sein, in der das Mixin vom Plugin geladen wird?

Ich kann nur vorschlagen, dass Sie durch den Hass gehen, um Schritt für Schritt zu beenden, um Ihr Problem zu lösen.

Example of mixin being overwritten