SCSS:如何使用变量来编写样式类?

时间:2017-07-18 20:13:53

标签: sass scss-lint

我想知道是否有某种方法可以使用影响SCSS样式的变量。

我正在寻找类似的东西:

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;
   }
}

1 个答案:

答案 0 :(得分:2)

您可以使用@if和@else

$x:1;

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