sass - SCSS if/else 大于

Question

是否可以检查大小是否大于或小于 SCSS？我想改变这个：

@function triangle($size, $color, $direction) {
  @if $direction == up {
    //apply rules
  } @else if $direction == right {
    //apply rules
  }
}

对此：

@function triangle($size, $color, $direction) {
  @if $direction >= up {
    @return ...
  } @else if $direction >= right {
   @return ...
  }
}

score 1 · Accepted Answer

Sass 确实支持关系运算符，但在这种情况下$direction >= up会返回错误。您无法检查某物是否大于向上或正确。如果是数字，$size您可以将其与其他数字进行比较。

Error: Undefined operation "9 >= left".
  ╷
2 │   @if $direction >= left {
  │       ^^^^^^^^^^^^^^^^^^
  ╵

1 回答 1