chore(i18n,learn): processed translations (#45504)
This commit is contained in:
@@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area
|
||||
|
||||
Quando você cria suas variáveis em `:root`, elas ficam disponíveis para uso em toda a página.
|
||||
|
||||
Mas nada impede que você redefina os valores dessas variáveis dentro de qualquer outro seletor CSS.
|
||||
Mas nada impede que você redefina os valores dessas variáveis dentro de qualquer outro seletor de CSS.
|
||||
|
||||
# --instructions--
|
||||
|
||||
@@ -27,7 +27,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
A classe `penguin` não deve conter a propriedade `background-color`
|
||||
A classe `penguin` não deve conter a propriedade `background-color`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
@@ -15,7 +15,7 @@ Para criar uma variável no CSS, você precisa dar um nome, prefixar este nome c
|
||||
--penguin-skin: gray;
|
||||
```
|
||||
|
||||
Isso vai criar uma variável chamada `--penguin-skin` e atribuir a ela o valor de `gray`. Agora você pode usar essa variável em outro lugar do seu CSS para alterar o valor de outros elementos para cinza (gray).
|
||||
Isso vai criar uma variável chamada `--penguin-skin` e atribuir a ela o valor de `gray`. Agora você pode usar essa variável em outro lugar do seu CSS para alterar o valor de outras propriedades para cinza (gray).
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@@ -77,7 +77,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
O elemento `h1` deve herdar a cor verde do elemento `body`.
|
||||
O elemento `h1` deve herdar a cor `green` do elemento `body`.
|
||||
|
||||
```js
|
||||
assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
|
||||
|
@@ -27,7 +27,7 @@ class="class1 class2"
|
||||
|
||||
**Observação:** a ordem das classes dentro do atributo "class" não é importante.
|
||||
|
||||
O importante é a ordem em que as classes (`class`) são declaradas dentro da tag `<style>`. A última declaração sempre terá prioridade sobre a anterior. Como a classe `.blue-text` é declarada por último, ela sobrescreve os estilos que foram declarados na classe `.pink-text`
|
||||
O importante é a ordem em que as classes (`class`) são declaradas dentro da tag `<style>`. A última declaração sempre terá prioridade sobre a anterior. Como `.blue-text` é declarado em segundo lugar, ele substitui os atributos de `.pink-text`.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@@ -15,7 +15,7 @@ Por exemplo, quando sua tela for menor ou maior do que o media query definido, v
|
||||
|
||||
# --instructions--
|
||||
|
||||
Dentro da `media query` existe um seletor `:root`. Mude-o de forma que a variável `--penguin-size` seja redefinida e receba o valor de `200px`. Além disso, redefina a variável `--penguin-skin` e atribua a ela o valor `black`. Em seguida, redimensione a tela de visualização para ver a mudança.
|
||||
Dentro da media query existe um seletor `:root`. Mude-o de maneira que a variável `--penguin-size` seja redefinida e receba o valor de `200px`. Além disso, redefina a variável `--penguin-skin` e atribua a ela o valor `black`. Em seguida, redimensione a tela de visualização para ver a mudança.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@@ -29,7 +29,7 @@ O elemento `h1` com o texto `I am red!` deve receber a propriedade `color` com o
|
||||
assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
|
||||
```
|
||||
|
||||
O código hexadecimal (`hex code`) abreviado que representa a cor vermelha deve ser usado em vez do código hexadecimal `#FF0000`.
|
||||
O código hexadecimal (hex code) abreviado que representa a cor vermelha deve ser usado em vez do código hexadecimal `#FF0000`.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
|
||||
@@ -41,7 +41,7 @@ O elemento `h1` com o texto `I am green!` deve receber a propriedade `color` com
|
||||
assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
|
||||
```
|
||||
|
||||
O código hexadecimal (`hex code`) abreviado que representa a cor verde deve ser usado em vez do código hexadecimal `#00FF00`.
|
||||
O código hexadecimal (hex code) abreviado que representa a cor verde deve ser usado em vez do código hexadecimal `#00FF00`.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
|
||||
@@ -53,7 +53,7 @@ O elemento `h1` com o texto `I am cyan!` deve receber a propriedade `color` com
|
||||
assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
|
||||
```
|
||||
|
||||
O código hexadecimal (`hex code`) abreviado que representa a cor ciano deve ser usado em vez do código hexadecimal `#00FFFF`.
|
||||
O código hexadecimal (hex code) abreviado que representa a cor ciano deve ser usado em vez do código hexadecimal `#00FFFF`.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
|
||||
@@ -65,7 +65,7 @@ O elemento `h1` com o texto `I am fuchsia!` deve receber a propriedade `color` c
|
||||
assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
|
||||
```
|
||||
|
||||
O código hexadecimal (`hex code`) abreviado que representa a cor fúcsia deve ser usado em vez do código hexadecimal `#FF00FF`.
|
||||
O código hexadecimal (hex code) abreviado que representa a cor fúcsia deve ser usado em vez do código hexadecimal `#FF00FF`.
|
||||
|
||||
```js
|
||||
assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
|
||||
|
@@ -27,13 +27,13 @@ Substitua a palavra `black` na cor de fundo do elemento `body` por sua represent
|
||||
|
||||
# --hints--
|
||||
|
||||
O elemento `body` deve ter a cor de fundo preta.
|
||||
O elemento `body` deve ter a propriedade `background-color` com o valor black (preto).
|
||||
|
||||
```js
|
||||
assert($('body').css('background-color') === 'rgb(0, 0, 0)');
|
||||
```
|
||||
|
||||
O código hexadecimal (`hex code`) para a cor preta deve ser usado no lugar da palavra `black`.
|
||||
O código hexadecimal (hex code) para a cor preta deve ser usado no lugar da palavra `black`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
Reference in New Issue
Block a user