Как использовать цвет rgb в scss?

#html #css #codeigniter #sass

#HTML #css #codeigniter #sass

Вопрос:

Я использую sccs. Но когда я использую цвет rgb / rgba, тогда отображается ошибка. В противном случае это работает очень хорошо.

Сообщение об ошибке:

введите описание изображения здесь

Если я использую это, это работает.

 $color: #f5325c;

.class-name {
    background-color: $color; 
 }
  

Но если я использую это, отображается ошибка:

 $color:rgba(15,34,58,.12);

.class-name {
    background-color: $color;
}
  

Пожалуйста, помогите!

Спасибо!

Комментарии:

1. Я не понимаю, у меня это хорошо работает, проверьте элемент (класс), к которому вы обращаетесь. проверьте мой codepen здесь codepen.io/jv18creator/pen/JjKmozN?editors=1100

2. @JeetViramgama Я проверил ваш пример codepen. Это работает хорошо. Но что со мной не так! 🙁

3. какой редактор и браузер вы используете?

4. NetBeans IDE 11.1 и Google Chrome.

5. Это сторонняя библиотека, это не проблема с codeigniter.

Ответ №1:

Я обнаружил, что существует проблема с вашим компилятором scssphp. Он не поддерживает значение rgba. Пожалуйста, посмотрите тему. https://github.com/octobercms/october/issues/5058

Комментарии:

1. На странице проблемы github также есть ссылка, в которой говорится, что это должно быть исправлено ( github.com/scssphp/scssphp/commit /… ). Я думаю, OP просто нужно обновить версию sass.

Ответ №2:

Я действительно не вижу здесь проблемы в вашем коде scss.
вы даже можете использовать переменные css, если хотите.

Комментарии:

1. Но это не решение проблемы. Спасибо 🙂

2. извините, потому что я запускаю ваш код…. Он показывает правильный вывод… Это глупо, но можете ли вы попытаться сделать альфа-значение равным .6 или .7? rgba(15,34,58,.7);