Solucionado
Oi pessoal! Tudo bem? Podemos criar um mixin pra trocar as somente a cor de um título? Por exemplo,
@mixin h2 { font-size: 3em; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; margin-top: 60px; }
Todos os h2 teriam essa configuração. Porém, um h2 precisa estar com a cor #fff. Isso é possível? Como? Obrigada!
Fala ai Ingrid, tudo bem? Sim, isso é possível, você pode fazer algo assim:
@mixin titulo($cor: #fff) {
color: $cor;
}Nesse mixin chamado titulo ele vai setar a color em quem o utilizar, onde por padrão a cor vai ser branca mas pode ser sobrescrita, exemplos de uso:
h1 {
@include titulo(); // branca
}
h2 {
@include titulo(#000); // preto
}A ideia seria mais ou menos essa.
Espero ter ajudado.
Obrigada, Matheus! Também posso setar as outras propriedades juntas no mesmo mixin?
Fala ai Ingrid, pode sim, sem problemas, o que for comum você pode adicionar no mesmo.
Espero ter ajudado.