SASS |布尔值和布尔运算符

SASS 支持布尔值：

• 真的
• 错误的

它用于条件编译，其中表达式的计算结果为这些值之一。

为变量分配一个布尔值：

$variable: true; or $variable: false;

条件编译中的用法：我们可以在条件编译中使用布尔值。请参见下面的示例，我们在 mixin 中传递了一个真值，以便编译 @if 块。

SASS文件：

@mixin button-format( $round-button, $size ) {
    color: white;
    background-color: blue;
    width: $size;

    @if $round-button {
        height: $size;
        border-radius: $size / 2; 
    }
}

.mybutton {
    @include button-format(true, 100px);
}

编译后的 CSS 文件：

.mybutton {
    color: white;
    background-color: blue;
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

布尔运算符：
SASS 有三个布尔运算符，两个是二元的： and ， or一个是一元的： not 。

二元运算符：

1. 和：

   句法：

   expression1 and expression2

   只有当两个表达式的计算结果都为真时，最终的布尔值才会为真，否则为假。

2. 或者：

   句法：

   expression1 or expression2

   只有当任何表达式的计算结果为真时，最终的布尔值才会为真，否则为假。

一元运算符：

• 不是：

  句法：

  not expression

  最终的布尔值将与表达式值相反。

请参阅下面的示例：

$var1: true and true;
$var2: true and false;

$var3: true or false;
$var4: false or false;

$var5: not true;

// @debug will print the values of the variable 
// at the compilation time in the terminal.
//------------  values

@debug $var1;  // true
@debug $var2;  // false

@debug $var3;  // true 
@debug $var4;  // false

@debug $var5;  // false