Я поставил условие в scss, но когда я компилирую, результат не может появиться в файле css, я надеюсь, что кто-нибудь может помочь мне решить мою проблему, я помещаю код ниже:

$color-sp: color-sp;
$width: 100%;

@for $i from 1 through 2 {
  @if $color-sp == 1 {
    .#{$color-sp}-#{$i} {
       width: $width / 1;
    }
  } @else if $color-sp == 2 {
    .#{$color-sp}-#{$i} {
       width: $width / 2;
     }
  }
}   
0
Alif 21 Апр 2020 в 09:21

1 ответ

Лучший ответ

Я думаю, вам нужно поставить условие if на $ i вместо $ color-sp . Проверьте код ниже, он создаст два класса. попробуйте на https://www.sassmeister.com/

$color-sp: color-sp;
$width: 100%;

@for $i from 1 through 2 {
  @if $i == 1 {
    .#{$color-sp}-#{$i} {
       width: $width / 1;
    }
  } @else if $i == 2 {
    .#{$color-sp}-#{$i} {
       width: $width / 2;
     }
  }
}  

И более оптимизированный код для создания классов ниже:

$color-sp: color-sp;
$width: 100%;

@for $i from 1 through 2 {
  .#{$color-sp}-#{$i} {
       width: $width / $i;
    }
}  
2
user10014185user10014185 21 Апр 2020 в 06:43