Ich bin mir nicht sicher, wie ich diesen Fehler beheben kann

Question

Ich versuche, einige weniger in Sass zu konvertieren und kann nicht verstehen, wie der folgende Fehler behoben wird. Das ist nicht mein Code, es ist ein Client und ich habe keine Ahnung, was sie zu tun versuchen.

Könnte mir bitte jemand helfen? Wie behebe ich den folgenden Fehler? Ich habe die letzten zwei Stunden damit verbracht, herauszufinden, wie ich es beheben kann.

Ausgabe: "Fehler (Zeile 6: Ungültige CSS nach" ... ze :, $ key: 1) „ein erwarteter "{waren "($ size = < 30)")"

Codebeispiel:

@mixin margin($label, $size: 1, $key:1) ($size =< 30) 
{ 
     .m-${key} { 
     margin: $size !important; 
    } 

    .m-t-${key} { 
     margin-top: $size !important; 
    } 

    .m-b-${key} { 
     margin-bottom: $size !important; 
    } 

    .m-l-${key} { 
     margin-left: $size !important; 
    } 

    .m-r-${key} { 
     margin-right: $size !important; 
    } 
} 

Vielen Dank im voraus zu

Answer 1

ich glaube, sie eine weniger mixin Wache verwenden, die zu einer SASS umgewandelt werden muss, bedingt

@mixin margin($label, $size: 1, $key:1) 
{ 
    @if ($size <= 30) { 
     ... 
    } 
} 

!