У меня небольшая проблема с правилом @extend, это то, что я получил (фокус на 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
}
}
Так и будет:
.content-header h1,.box-header h1 {
/* Happily sharing the same CSS properties */
}
Но похоже, что @extend
это не нравится, есть ли другой способ написать это, не присваивая h1
класс??