diff --git a/docs/src/content/docs/challenges/angular/13-styling.md b/docs/src/content/docs/challenges/angular/13-styling.md index fa38f8b..500b237 100644 --- a/docs/src/content/docs/challenges/angular/13-styling.md +++ b/docs/src/content/docs/challenges/angular/13-styling.md @@ -14,6 +14,10 @@ Styling is an important aspect of a frontend developer's day job, but it is ofte In this challenge, you will need to use both CSS variables and `:host-context` to remove all `@Input()` from your code. -## Constraints: +## 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)_ + +## Note + +There is also another way to style the `TextStaticComponent` (see [PR](https://github.com/tomalaforge/angular-challenges/pull/341/files#diff-082bc0154adae46609f52c9e366d4768ae9278dcb495a9a7ec7cb0baf393fb1c)) diff --git a/docs/src/content/docs/pt/challenges/angular/13-styling.md b/docs/src/content/docs/pt/challenges/angular/13-styling.md index 99932df..7e55447 100644 --- a/docs/src/content/docs/pt/challenges/angular/13-styling.md +++ b/docs/src/content/docs/pt/challenges/angular/13-styling.md @@ -18,6 +18,6 @@ Neste desafio, você precisará usar tanto variáveis CSS como `:host-context` p - 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)_ -## Bônus +## Nota -- Você pode manter o `@Input` no componente `TextStaticComponent` e utilizar `@HostBinding` (documentação [aqui](https://angular.dev/api/core/HostBinding)) para usufruir o autocompletar. +Há uma outra maneira de estilizar o componente `TextStaticComponent` (ver [PR](https://github.com/tomalaforge/angular-challenges/pull/341/files#diff-082bc0154adae46609f52c9e366d4768ae9278dcb495a9a7ec7cb0baf393fb1c))