Как правильно править css фреймворк?

Question

[danforth]

Разбираюсь с sass и bulma. Хочу сделать так, чтобы когда используется section.is-hero.is-warning.is-bold, у .navbar-item, .navbar-item:hover цвет фона был прозрачный и не менялся, сейчас это выглядит как-то так: https://i.imgur.com/l7IIWHP.png

Подскажите, как правильно сделать, чтобы все .navbar-item которые внутри .hero, при наличии одного из цветов .is-warning, is-info и т.д. имели прозрачный цвет?

Правильно ли я понимаю, что нужно скопипасть файл hero.sass, отредактировать и подключить нужный мне? Или можно прямо в пакете бульмы правки вносить? Как это правильно делается?

Надеюсь, объяснил понятно.

Answer 1

[MeylisDay]

Тут два способа.
1. Ты изменяешь нужные тебе селекторы непосредственно в самом файле фреймворка.
2. Ты смотришь селекторы в файле фреймворка, которые влияют на нужные тебе свойства и прописываешь их у себя с нужными тебе атрибутами, если нужно дописываешь important.
з.ы я сейчас тоже работаю с bulma и scss, мой вк указан в профиле, можешь попробовать написать туда, если есть ещё вопросы.