sass 条件指令 (if)

例子

该@if控制指令计算一个表达式，如果它返回比其他任何东西false，它处理它的样式块。

Sass 示例

$test-variable: true !default

=test-mixin
  @if $test-variable
    display: block
  @else
    display: none

.test-selector
  +test-mixin

SCSS 示例

$test-variable: true !default

@mixin test-mixin() {
  @if $test-variable {
    display: block;
  } @else {
    display: none;
  }
}

.test-selector {
  @include test-mixin();
}

上面的示例生成以下 CSS：

.test-selector {
  display: block;
}