для l oop рабочих, но без увеличения sass lang - PullRequest
Новая
       66

для l oop рабочих, но без увеличения sass lang

0 голосов
/ 18 июня 2020

У меня есть код rgba. Я хочу изменить его значение c, но увеличение не работает. Я также получаю интересную ошибку.

// SASS CODE 

.column {
    // background-color: rgba(3, 21, 35, 0.5);
    @for $count from 1 through 3 {
        &:nth-child(#{$count}) {
            $increase: 20;
            background-color: rgba(3, 21, 35 + $increase, 0.5);
        }
    }
}

// CSS CODE 

.column {
  width: calc(100%/3);
  height: 100%;
}
.column:nth-child(1) {
  background-color: rgba(3, 21, 55, 0.5);
}
.column:nth-child(2) {
  background-color: rgba(3, 21, 55, 0.5);
}
.column:nth-child(3) {
  background-color: rgba(3, 21, 55, 0.5);
}

// КОД ОШИБКИ 

Error: $blue: 55 is not a number.
   ╷
10 │                 background-color: rgba(3, 21, #{35 + $increase}, 0.5);
   │                                   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  scss\components\_articles.scss 10:35  @import
  scss\ui.scss 14:9                     root stylesheet

Я не объявил $ blue ни в одном файле? Мне не нужна эта переменная, и у меня нет этой переменной.

...