Okay, this is the output I want to get:
.class-1, .class-2, .class-3 {
z-index: 1;
}
.class-1-et-cetera, .class-2-et-cetera, .class-3-et-cetera {
z-index: 5;
}
And I want to get it by nesting a selector and using SASS' really awesome &
to grab the parent selectors. So I've been trying something like this (SASS-syntax first):
.class-1, .class-2, .class-3
z-index: 1
&-et-cetera
z-index: 5
SCSS Syntax:
.class-1, .class-2, .class-3 {
z-index: 1;
&-et-cetera {
z-index: 5;
}
}
Only problem is, that doesn't work. I tried messing with the text after the &
... things like &#{"-et-cetera"}
, &#{-et-cetera}
, & + "-et-cetera"
... you get the idea.
Figured it'd be possible, but can't seem to find it. Is there any way to do it?