Estou usando o FontAwesome no React e para alterar a cor de um icone é necessário alterar a cor na classe do icone. Veja abaixo um exemplo:
.fa-drash{
color: #ff0000;
}
A baixo segue a forma como está hoje, porém toda vez que incluo um novo icone na aplicação, tenho que atualizar a folha de estilo.
.fa-drash, fa-ed, .fa-adjust, .fa-acorn, .fa-alarm, .fa-amazon, .fa-apple, .fa-appter{
color: #ff0000;
}
Meu pensamento seria melhorar isso inserindo apenas as iniciais da classe .fa-
, como por exemplo abaixo, porém não funcionou comigo:
.fa-*{
color: #ff0000;
}
É possível estilizar classes iniciadas com .fa-
? Sim sim, como?