SassのIf/Elseステートメント

ifステートメントは、変数が存在するか、何かに一致するかどうかを確認するのに便利です。

$var: true !default; // Can be overridden elsewhere

@if $var == true {
  // Conditional code
}

$other: single;

@if $other == single {
  // Code for if it’s single
} @else if $other == double {
  // Double code
} @else {
  // Default if it’s neither
}

変数のプロパティが’の引用符で囲まれて格納されている場合は、@ifステートメントでもそれがチェックされることを確認してください。 （例えば $other ==‘single’）。

ifステートメントは、変数をチェックするためのミックスインや、コードを含めたり除外したりするライブラリで役立ちます。