SCSS：変数を使用してスタイルクラスを作成する方法は？

Question

SCSSのスタイルに影響を与える変数を使用する方法があるかどうかは疑問でした。

私のようなものを探しています：あなたは@if使用して@elseでき

var x = 1 
.class1 { 
    if (x==1) { 
     background-color: red; 
    } else { 
     background-color: blue; 
    } 
} 
.class2 { 
    if (x==1) { 
     background-color: blue; 
    } else { 
     background-color: red; 
    } 
} 

Answer 1

$x:1; 

.class1 { 
    @if $x == 1 { 
     background-color: red; 
    } @else { 
     background-color: blue; 
    } 
} 
.class2 { 
    @if $x == 1 { 
     background-color: blue; 
    } @else { 
     background-color: red; 
    } 
}