Skip to content
angular challenges logo Angular Challenges

๐ŸŸ  Highly Customizable CSS

Challenge #13

Created by Thomas Laforge

Information

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. 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.

Constraints

  • 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)

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • tomalaforge
  • tomer953
  • kabrunko-dev
  • LMFinney