What is the correct way to write this using SCSS?

Question

css

It happens that you blunt on some simple garbage.
In jQuery, I add the .active class to .navicon so that instead of a "sandwich" a "cross" appears.
I can’t figure out how to format it correctly for .scss
https://jsfiddle.net/yo4bta8x/

Answer 1

&.active {
        &__lines {
          ...
        }
    }

Compiled to .navicon. active__lines :before is why it doesn't work.
Hang active on .navicon__lines, in addition to this, you still need to add it to the styles.
Outcome