mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-11 05:13:02 -05:00
Merge pull request #490 from kabrunko-dev/translation-ptbr
Translate Challenge 13 and add extra section
This commit is contained in:
@@ -14,6 +14,6 @@ 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)_
|
||||
|
||||
19
docs/src/content/docs/pt/challenges/angular/13-styling.md
Normal file
19
docs/src/content/docs/pt/challenges/angular/13-styling.md
Normal file
@@ -0,0 +1,19 @@
|
||||
---
|
||||
title: 🟠 CSS Altamente Personalizável
|
||||
description: Desafio 13 é sobre criar estilos CSS altamente personalizáveis
|
||||
author: thomas-laforge
|
||||
challengeNumber: 13
|
||||
command: angular-styling
|
||||
sidebar:
|
||||
order: 104
|
||||
---
|
||||
|
||||
## 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)_
|
||||
Reference in New Issue
Block a user