gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix portuguese translations on curriculum challenge (#37050)

Browse Source
This commit is contained in:
Igor Hideki Trindade
2020-02-27 07:07:28 -03:00
committed by GitHub
parent 882cddd800
commit 94712af264
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md
View File

@ -7,7 +7,17 @@ localeTitle: Aplicar um estilo até que uma condição seja satisfeita com @whil
---
## Description
<section id="description"> A diretiva <code>@while</code> é uma opção com funcionalidade semelhante ao JavaScript <code>while</code> loop. Cria regras de CSS até que uma condição seja atendida. O <code>@for</code> challenge deu um exemplo para criar um sistema de grade simples. Isso também pode funcionar com <code>@while</code> . <blockquote> $ x: 1; <br> @ while $ x &lt;13 { <br> .col - # {$ x} {width: 100% / 12 * $ x;} <br> $ x: $ x + 1; <br> } </blockquote> Primeiro, defina uma variável <code>$x</code> e defina-a como 1. Em seguida, use a diretiva <code>@while</code> para criar o sistema de grade, <i>enquanto</i> <code>$x</code> é menor que 13. Depois de definir a regra CSS para <code>width</code> , <code>$x</code> é incrementado em 1 para evitar Loop infinito. </section>
<section id="description"> A diretiva <code>@while</code> é uma opção com funcionalidade semelhante ao loop <code>while</code> do JavaScript. Ele cria regras CSS até que uma condição seja atendida. O desafio <code>@for</code> deu um exemplo para criar um sistema de grade simples. Isso também pode funcionar com <code>@while</code>.
```scss
$x: 1;
@while $x < 13 {
.col-#{$x} { width: 100%/12 * $x;}
$x: $x + 1;
}
```
Primeiro, defina uma variável <code>$x</code> e defina-a como 1. Em seguida, use a diretiva <code>@while</code> para criar o sistema de grade, <i>enquanto</i> <code>$x</code> é menor que 13. Depois de definir a regra CSS para <code>width</code> , <code>$x</code> é incrementado em 1 para evitar Loop infinito. </section>
## Instructions
<section id="instructions"> Use <code>@while</code> para criar uma série de classes com diferentes <code>font-sizes</code> . Deve haver 10 classes diferentes de <code>text-1</code> a <code>text-10</code> . Em seguida, defina <code>font-size</code> para 5 px multiplicado pelo número do índice atual. Certifique-se de evitar um loop infinito! </section>