SCSS if/else 大于

【问题标题】：SCSS if/else bigger thanSCSS if/else 大于
【发布时间】：2021-09-08 06:35:10
【问题描述】：

是否可以检查 size 是否大于或小于 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 ...
  }
}

【问题讨论】：

【解决方案1】：

Sass 确实支持relational operators，但在$direction >= up 的情况下它会返回一个错误。您无法检查某物是否大于 up 或 right。对于$size，如果是数字，您可以将其与其他数字进行比较。

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

【讨论】：