72

SASS を使用して、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)}
}

複数の条件を持つことは可能ですか?

4

2 に答える 2