Seletores de regras SASS / SCSS @extend
Eu estou tendo um pequeno problema com a regra @extend, é isso que eu tenho (foco no h1):
.content-header {
// CSS properties
h1 {
// CSS properties
}
}
.box-header {
// CSS properties
h1 {
@extend .content-header h1; // My selector problem!
// And his own CSS properties
}
}
Então será:
.content-header h1, .box-header h1 {
/* Happily sharing the same CSS properties */
}
Mas parece que@extend
não gosto disso, é qualquer outra maneira de escrever isso sem dar oh1
uma aula??