From 94712af264ebccec74c10ce9ea4e3aa37a2fd516 Mon Sep 17 00:00:00 2001 From: Igor Hideki Trindade Date: Thu, 27 Feb 2020 07:07:28 -0300 Subject: [PATCH] Fix portuguese translations on curriculum challenge (#37050) --- ...until-a-condition-is-met-with-while.portuguese.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md index a285dfb8f0..c528728872 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md @@ -7,7 +7,17 @@ localeTitle: Aplicar um estilo até que uma condição seja satisfeita com @whil --- ## Description -
A diretiva @while é uma opção com funcionalidade semelhante ao JavaScript while loop. Cria regras de CSS até que uma condição seja atendida. O @for challenge deu um exemplo para criar um sistema de grade simples. Isso também pode funcionar com @while .
$ x: 1;
@ while $ x <13 {
.col - # {$ x} {width: 100% / 12 * $ x;}
$ x: $ x + 1;
}
Primeiro, defina uma variável $x e defina-a como 1. Em seguida, use a diretiva @while para criar o sistema de grade, enquanto $x é menor que 13. Depois de definir a regra CSS para width , $x é incrementado em 1 para evitar Loop infinito.
+
A diretiva @while é uma opção com funcionalidade semelhante ao loop while do JavaScript. Ele cria regras CSS até que uma condição seja atendida. O desafio @for deu um exemplo para criar um sistema de grade simples. Isso também pode funcionar com @while. + +```scss +$x: 1; +@while $x < 13 { + .col-#{$x} { width: 100%/12 * $x;} + $x: $x + 1; +} +``` + +Primeiro, defina uma variável $x e defina-a como 1. Em seguida, use a diretiva @while para criar o sistema de grade, enquanto $x é menor que 13. Depois de definir a regra CSS para width , $x é incrementado em 1 para evitar Loop infinito.
## Instructions
Use @while para criar uma série de classes com diferentes font-sizes . Deve haver 10 classes diferentes de text-1 a text-10 . Em seguida, defina font-size para 5 px multiplicado pelo número do índice atual. Certifique-se de evitar um loop infinito!