Undefined Mixin mit Bourbon und Neat Gems

8

Ich verwende Bourbon und saubere Edelsteine, um das Design einer Rails-Anwendung zu erstellen. Meine application.css.scss enthält Folgendes:

%Vor%

Wenn ich aber 'rake assets: precompile' starte, passiert dieser Fehler:

%Vor%

Die Datei main.css.scss enthält Folgendes:

%Vor%

Jemand kann mir ein paar Vorschläge machen?

    
Jesus 14.12.2012, 15:14
quelle

5 Antworten

7

Ich hatte das gleiche Problem. Ich konnte es auf zwei verschiedene Arten zum Laufen bringen.

Der erste Weg ist wahrscheinlich weniger wünschenswert, aber Sie können Ihren Code direkt in der Datei application.css.scss hinzufügen:

%Vor%

Alternativ können Sie hinzufügen:

%Vor%

An den Anfang Ihrer main.css.scss-Datei.
Dies ermöglicht es Ihnen, Ihre Stile organisiert zu halten.

Die Bourbon-Site verlinkt auf eine Seite in ihrem Wiki bezüglich dieses Problems, aber die erwähnte Lösung hat bei mir nicht funktioniert:

Ссылка

    
jacklin 17.12.2012 03:06
quelle
4

Ich hatte das gleiche Problem. Die Lösung für mich war, eine Teildatei von layout.css.scss in _layout.css.scss umzubenennen. Alle Dateien, die SASS-Mixins verwenden, müssen nach dem Einspielen dieser Mixins hinzugefügt werden. In diesem Fall wurde versucht, die layout.css -Datei allein vorzukompilieren, obwohl die Quelle der Mixins, auf die verwiesen wurde, nicht benötigt wurde. Wenn Sie den Unterstrich hinzufügen, ignoriert der Precompiler diese Datei, bis sie von einer anderen Datei benötigt wird.

    
lobati 16.09.2014 15:56
quelle
0

FWIW dies ist das Problem berichtet Ссылка , mit Jacklins Kommentar über das Hinzufügen der Import-Anweisungen direkt zu meinem Haupt-CSS Datei hat es gelöst. Ich möchte dieses Problem jedoch behoben haben, da ich diese Importanweisungen nicht unbedingt zu jeder Datei hinzufügen möchte, für die ich die Mixins für

verwenden möchte     
battlemidget 11.02.2013 20:35
quelle
0

Ich hatte das gleiche Problem.

Ich hatte ein Div mit @include äußeren Container und ein zweites div mit @include span-columns (8). Das zweite div lag falsch außerhalb des ersten und erzeugte den irreführenden Fehler "Undefined mixin 'out- container'". Durch das Verschieben des zweiten div in den ersten (innerhalb des äußeren Containers - in CSS und HTML) wurde das Problem behoben.

Für das obige Problem müssen Sie dasselbe tun, indem Sie sicherstellen, dass das p-Tag ein Kind der Fußzeile ist.

    
Rob Tyler 14.02.2014 11:33
quelle
0

Laut dem Änderungsprotokoll wurde der outer-container mixin ab Version 2.0 entfernt .0. Die höchste Version, die Sie mit outer-container verwenden können, ist 1.8.0. Wenn Sie "Ordentlich" über Bundler hinzufügen, erhalten Sie 2.0 oder höher, es sei denn, Sie geben eine Version in Ihrer Gemdatei an.

Der neue Weg , um dies zu tun, sieht viel einfacher aus, aber das ist wenig Trost, wenn Sie eine Menge nicht unterstützter scss haben .

    
Rob Allen 19.03.2017 21:00
quelle