Не знаю, как исправить эту ошибку

Question

Я пытаюсь преобразовать немного меньше в sass и не могу понять, как исправить следующую ошибку. Это не мой код, это клиенты, и я не знаю, что они пытаются сделать.

Не могли бы вы помочь мне? Как исправить следующую ошибку? Я провел последние два часа, пытаясь понять, как это исправить.

Издание: "ошибка (строка 6: Invalid CSS после того, как" ... зе :, $ ключ: 1) «: ожидается "{, был "($ размер = < 30)")"

Пример кода:

@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; 
    } 
} 

Спасибо большое загодя

Answer 1

Я считаю, что они используют МЕНЬШЕ подмешать охранника, который должен быть преобразован в SASS условного

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

!