sass
演算子

代入演算子

サスはコロンを使用（ : ）変数に値を代入する演算子。

例

$foreColor: red;

p {
    color: $foreColor;
}

算術演算子

Sassは、次の標準的な算術演算子をサポートしています。

例

p {
    font-size: 16px + 4px; // 20px
}

h3 {
    width: 2px * 5 + 12px; // 22px
}

h2 {
    width: 8px + (12px / 2) * 3; // 26px
}

通常の操作順序が通常どおりに適用されます。

比較演算子

Sassは、 < 、 > 、 == 、 != 、 <= 、 >= 、すべての通常の比較演算子をサポートしています。

例

(10px == 10) // Returns true

("3" == 3) // Returns false

$padding: 10px;
$padding <= 8px; // Returns false