🟠 CSS Altamente Personalizável

Informação

Estilização é um aspecto importante do trabalho diário de um desenvolvedor frontend, mas é muitas vezes subestimado. Em aplicações Angular, eu frequentemente vejo pessoas usando @Input() para personalizar o estilo de seus componentes. No entanto, @Input() deve ser usado apenas para lógica. Outras técnicas, como variáveis CSS e host-context devem ser usadas para estilização.

Neste desafio, você precisará usar tanto variáveis CSS como :host-context para remover todos @Input() de seu código.

Restrições

• Na sua submissão final, seu componente não deve conter nenhuma linha de código. Toda a estilização deve ser manipulada dentro do decorador (ou arquivos css externos se preferir)