How to edit css framework?

Question

Sass

I'm familiar with sass and bulma . I want to make it so that when used section.is-hero.is-warning.is-bold, the .navbar-item, .navbar-item:hoverbackground color was transparent and did not change, now it looks something like this: https://i.imgur.com/l7IIWHP.png
Tell me how to do it right so that all .navbar-item which are inside .hero, in the presence of one of the colors .is-warning, is-info, etc. were they transparent?
Do I understand correctly that I need to copy the hero.sass file, edit and connect the one I need? Or can you make edits directly in the Bulma package? How is it done correctly?
I hope I explained clearly.

Answer 1

There are two ways.
1. You change the selectors you need directly in the framework file itself.
2. You look at the selectors in the framework file that affect the properties you need and prescribe them with the attributes you need, if necessary, add important.
ps I also work with bulma and scss now, my VK is listed in the profile, you can try to write there if you have any more questions.