SASSを使用してSASS IF文

Question

で複数の条件（AND）を使用して、私は私が今使用してどのようなIF文で

を複数の条件を持っているしたいと思います：

@function color-x ($alpha) { 
    @if  $accent == red {@return red($alpha)} 
    @else if $accent == green {@return green($alpha)} 
    @else if $accent == blue {@return blue($alpha)} 
} 

（マイナイーブに失敗しました）複数の条件を使用しようとする：

@function color-x ($alpha) { 
    @if  $accent == red && theme == light {@return red($alpha)} 
    @else if $accent == green && theme == light {@return green($alpha)} 
    @else if $accent == blue && theme == light {@return blue($alpha)} 
} 

が複数のコンディットを持っていることは可能ですイオン？サス言語リファレンスドキュメントから

Answer 1

：

ブール演算

SassScriptはand、or、およびブール値のためnot演算子をサポートしています。

(link)

だから、複合条件付きif文の式は次のようになります。

@if $var1 == value1 and $var2 == value2 { 
    // ... 
} 

さらに、括弧は、より複雑な式で演算の順序に影響を与えるために使用することができます。

@if ($var1 == value1 and not ($var2 == value2)) or ($var3 == value3) { 
    // ... 
} 

Answer 2

@if index("foo" "bar", $value) { .. } 

しかし注意してください：

1. は、あなたがやろうとしているものは非常に明白ではないかもしれません。
2. 数値またはnullを返します。ブール値ではありません。