@while ​

@while 规则的语法是 @while <expression> { ... }。它的工作原理如下：

• 如果表达式的返回值为 true，则执行大括号内的代码块。
• 如果表达式仍然返回 true，则再次执行代码块。
• 重复这个过程，直到表达式返回 false。

@use "sass:math";

/// Divides `$value` by `$ratio` until it's below `$base`.
@function scale-below($value, $base, $ratio: 1.618) {
  @while $value > $base {
    $value: math.div($value, $ratio);
  }
  @return $value;
}

$normal-font-size: 16px;
sup {
  font-size: scale-below(20px, 16px);
}

@use "sass:math"

/// Divides `$value` by `$ratio` until it's below `$base`.
@function scale-below($value, $base, $ratio: 1.618)
  @while $value > $base
    $value: math.div($value, $ratio)
  @return $value



$normal-font-size: 16px
sup
  font-size: scale-below(20px, 16px)

sup {
  font-size: 12.36094px;
}

真值和假值 ​

在 Sass 中，除了 true 和 false，其他值也可以用于条件判断。在 Sass 中，false 和 null 被认为是假值（falsey），表示条件失败。所有其他值被认为是真值（truthy），表示条件成功。

例如，如果你想检查一个字符串是否包含空格，你可以直接写 string.index($string, " ")。如果未找到该字符串，string.index() 函数将返回 null，否则返回一个数字。在这种情况下，null 作为假值，表示未找到空格；而数字作为真值，表示找到了空格。