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!