Within my SCSS code, I am attempting to create a placeholder with the following structure:
%input__label {
color: red;
&_content {
color: blue;
}
}
Subsequently, I try to extend it like so:
.input__label {
@extend %input__label;
}
However, upon compiling the code, only input__label gets compiled while input__label_content does not:
.input__label {
color: red;
}
(Interestingly, this issue does not occur when dealing with pseudo-elements like &::after). What could be causing this discrepancy? My setup includes node v7.10.1 and node-sass v4.5.3.