@while

@while规则，写为@while{…}，如果其表达式返回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);
}

sup {
  font-size: 12.36094px;
}

真与假

任何允许true或false的地方，都可以使用其他值。值false和null为假，这意味着 Sass 认为它们表示错误并导致条件失败。所有其他价值观都被认为是真实的，因此 Sass 认为它们像真实的一样工作，并创造成功的条件。

例如，如果要检查字符串是否包含空格，则只需编写string.index($string,"")。如果未找到该字符串，则该string.index()函数，返回null，否则返回一个数字。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com