Referencing Parent Selectors: &

[vincentVDB]

& must appear at the beginning of a compound selector, but it can be followed by a suffix that will be added to the parent selector. For example:

#main {
  color: black;
  &-sidebar { border: 1px solid; }
}

'-sidebar' should have the same color as 'main'
colorization working properly for '&: hover'

an other mistake with '-on'

&-on {
  background-color: $myColor;
}

[alextegelid]

This also behaves different depending on wether the selector is followed by { or ,. See example images below.