If statement 搞清楚sass混入

我是sass的新手，我正试着让我的头脑专注于mixin，并在mixin中使用if/else语句。我试图写一些简单的东西，基本上说，如果选择器的宽度设置大于50%，它将是一种特定的颜色，否则它将是一种不同的颜色

以下是我目前掌握的代码：

@mixin color-class($width) {
  @if "$width > 50%" {
    background-color: purple;

  } @else {
      background-color: orange; 
    }
}

.selector-two {
  @include color-class(40%);
}

.selector-three {
  @include color-class(80%);
}

css输出的颜色为紫色，无论我在这里输入了什么值，因此我肯定错过了一些东西，任何帮助都将不胜感激。

尝试删除

“

：

---

您可以在这里快速试用它：

谢谢，它成功了！这种语法每次都让我着迷……有趣的是，您提到了sassmeister，我的导师就是开发这种语法的人之一。

@if $width > 50% {}