2016-10-22 5 views
1

enter image description hereWebStorm SCSS Compiler-Fehler mit Übergang/Transformation

Ich versuche, eine Web-Seite zu machen, und ich brauche ein paar Bilder zu verwenden, mit Transformation/Transition. Aber der Scss-Compiler von WebStorm gibt mir diesen Fehler.

Was kann ich tun? Siehe im Bild oben.

+0

teilen Sie bitte Ihre @Mixin. –

+0

Es gibt keine Mixins. Und der Compiler fragt immer noch danach. – Danelo

+1

* "Aber der Scss-Compiler von WebStorm gibt mir diesen Fehler." * 1) WebStorm hat keinen "Scss-Compiler" - der File Watcher nur eine Schnittstelle, die es erlaubt Sie können beliebige externe Programme (scss-Compiler, die Sie * selbst installieren *) bei Dateisicherung ausführen. 2) Wenn Sie sich den Befehl ansehen, der noch einmal ausgeführt wird (sorgfältig diesmal), werden Sie sehen, welcher Befehl ausgeführt wird .. und es gibt keinen WebStorm irgendwo dort. 3) Daher kommt dieser Fehler vom * scss-Compiler *. – LazyOne

Antwort

1

Für Ihre @include müssen Sie @mixin.

@MIXIN Beispiel:

@mixin transform($val) { 
    -webkit-transform: $val; 
    -moz-transform: $val; 
     -ms-transform: $val; 
      transform: $val; 
} 

main { 
.wrap { 
    @include transform(rotate(45deg) translate3d(0,0,0)); 
} 
} 

Und Ihre Ausgabe sieht wie folgt aus:

main .wrap { 
    -webkit-transform: rotate(45deg) translate3d(0,0,0); 
     -moz-transform: rotate(45deg) translate3d(0,0,0); 
     -ms-transform: rotate(45deg) translate3d(0,0,0); 
      transform: rotate(45deg) translate3d(0,0,0); 
} 

@mixin protoName($someValue) { 
    -webkit-protoName: $someValue; 
    -moz-protoName: $someValue; 
     -ms-protoName: $someValue; 
      protoName: $someValue; 
} 

Für Code Ihr es so etwas wie das sein kann

Sie können mehr darüber lesen Here