У меня есть код 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 ни в одном файле? Мне не нужна эта переменная, и у меня нет этой переменной.