vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #206 from DeveshChau/doc_update

Browse Source 
docs: removed duplicate content for customizable CSS
This commit is contained in:
Laforge Thomas
2023-10-18 08:44:09 +02:00
committed by GitHub
parent 0775766dbb ba01798be2
commit 64dc2046ea
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/src/content/docs/challenges/angular/13-styling.md
View File

@@ -16,13 +16,9 @@ WIP: The following documentation will be reviewed and improved. However, you can
## Information ## Information
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. 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 this challenge, you will need to use both CSS variables and `:host-context` to remove all `@Input()` from your code.
## Constraints: ## Constraints: