seregadushka
@seregadushka
minsk

Как изменить переменную SCSS, которой нет?

6667c9dbd564c997642216.png
с SCSS не знаком. Странная ситуация. Переменная есть в DevTools. В коде ее нет.
Она забивает цвет страницы на белый. Изменения body не помогает.
Как ее сделать transparent ?
PhotoBox
  • Вопрос задан
  • 215 просмотров
Решения вопроса 2
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
с SCSS не знаком. Странная ситуация. Переменная есть в DevTools. В коде ее нет.

Потому что --bs-body-bg к SCSS отношения не имеет. Это нативная CSS custom property, которую в вашем случае устанавливает Bootstrap.
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Все css-переменные генерируются бутстрапом в начале его файла стилей для корневого селектора :root.

Большинство этих переменных (а может и все) получают свои значения из sass-переменных.

Если вы самостоятельно собираете стилевой файл бутстрапа, то вам следует найти соответствующие sass-переменные и исправить их. В данном случае речь идет о переменной $body-bg.

Если же не занимаетесь сборкой бутстраповских стилей, а просто взяли и подключили готовый файл bootstrap.min.css, то подключите ниже еще один css файл, в котором вы сможете переопределить любые стили фреймворка, в том числе css-переменные.

В данном случае напишите

:root {
  --bs-body-bg: red;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы