.erro { background: #f00; }
.alerta {
border-radius: 3px;
@extend .erro
}
Não entendi porque gera esse código
.erro, .alerta {
background: #f00;
}
.alerta {
border-radius: 3px;
}
Solucionado
.erro { background: #f00; }
.alerta {
border-radius: 3px;
@extend .erro
}
Não entendi porque gera esse código
.erro, .alerta {
background: #f00;
}
.alerta {
border-radius: 3px;
}
Não sei qual o erro que esta dando, mas em seu código esta faltando um ; após o @extend .erro:
.alerta {
border-radius: 3px;
@extend .erro
}Correto:
.alerta {
@extend .erro;
border-radius: 3px;
}Obs: Prefiro deixar os @extend's e @includes acima das propriedades do css.
Abraçooos
obrigado
Precisando estamos por ai.