Author: Thomas Laforge
Styling is an important part of a day job of a frontend developer often underestimated. In Angular application, I often see people use @Input() to customize the style of their component. But @Input() should be used only for the logic and we should use other technique for styling. We can take advantage of css variable and host-context.
In this challenge, you will need to use both to delete all @Input() from your code.
Styling is an important aspect of a frontend developer's day job, but it is often underestimated. In Angular applications, I frequently see people using @Input() to customize the style of their components. However, @Input() should only be used for logic; and other techniques, such as CSS variables and host-context, should be used for styling.
In this challenge, you will need to use both CSS variables and :host-context to remove all @Input() from your code.
- In your final submission, your component should not contain any lines of code. All styling should be handled within the decorator (or external css files if you prefer)
- Fork the project
- clone it
- npm ci
- nx serve styling
- ...work on it
- Commit your work
- Submit a PR with a title beginning with Answer:13 that I will review and other dev can review.
You can ask any question on 