Question

我正在尝试将一些更少的转换为sass，并且无法理解如何修复以下错误。这不是我的代码，它是客户，我不知道他们想要做什么。

有人可以帮帮我吗？如何修复以下错误？我花了两个多小时试图找出解决方法。

问题：＆＃34;错误（第6行：＆＃34之后的无效CSS; ...... ze：，$ key：1）＆＃34;：预期＆＃34; {，是＆＃34;（$ size =＆lt; 30）＆＃34;）＆＃34;

代码示例：

    @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

我相信他们正在使用LESS mixin后卫，需要将其转换为SASS条件

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

不知道如何解决这个错误

1 个答案: