diff --git a/curriculum/challenges/english/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.english.md b/curriculum/challenges/english/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.english.md index 83b88f8901..a91c5812c7 100644 --- a/curriculum/challenges/english/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.english.md @@ -16,7 +16,7 @@ After setting the CSS rule for width, $x is incremente ## Instructions
Use @while to create a series of classes with different font-sizes. -There should be 10 different classes from text-1 to text-10. Then set font-size to 5px multiplied by the current index number. Make sure to avoid an infinite loop! +There should be 5 different classes from text-1 to text-5. Then set font-size to 15px multiplied by the current index number. Make sure to avoid an infinite loop!
## Tests @@ -25,31 +25,21 @@ There should be 10 different classes from text-1 to text-10@while directive. - testString: assert(code.match(/@while /g), 'Your code should use the @while directive.'); - - text: Your code should set an index variable to 1 to start. - testString: assert(code.match(/\$.*:\s*?1;/gi), 'Your code should set an index variable to 1 to start.'); + testString: assert(code.match(/@while /g)); + - text: Your code should use an index variable which starts at an index of 1. + testString: assert(code.match(/\$.*:\s*?1;/gi)); - text: Your code should increment the counter variable. - testString: assert(code.match(/\$(.*)\s*?:\s*\$\1\s*\+\s*1\s*;/gi), 'Your code should increment the counter variable.'); - - text: Your .text-1 class should have a font-size of 5px. - testString: assert($('.text-1').css('font-size') == '5px', 'Your .text-1 class should have a font-size of 5px.'); - - text: Your .text-2 class should have a font-size of 10px. - testString: assert($('.text-2').css('font-size') == '10px', 'Your .text-2 class should have a font-size of 10px.'); - - text: Your .text-3 class should have a font-size of 15px. - testString: assert($('.text-3').css('font-size') == '15px', 'Your .text-3 class should have a font-size of 15px.'); - - text: Your .text-4 class should have a font-size of 20px. - testString: assert($('.text-4').css('font-size') == '20px', 'Your .text-4 class should have a font-size of 20px.'); - - text: Your .text-5 class should have a font-size of 25px. - testString: assert($('.text-5').css('font-size') == '25px', 'Your .text-5 class should have a font-size of 25px.'); - - text: Your .text-6 class should have a font-size of 30px. - testString: assert($('.text-6').css('font-size') == '30px', 'Your .text-6 class should have a font-size of 30px.'); - - text: Your .text-7 class should have a font-size of 35px. - testString: assert($('.text-7').css('font-size') == '35px', 'Your .text-7 class should have a font-size of 35px.'); - - text: Your .text-8 class should have a font-size of 40px. - testString: assert($('.text-8').css('font-size') == '40px', 'Your .text-8 class should have a font-size of 40px.'); - - text: Your .text-9 class should have a font-size of 45px. - testString: assert($('.text-9').css('font-size') == '45px', 'Your .text-9 class should have a font-size of 45px.'); - - text: Your .text-10 class should have a font-size of 50px. - testString: assert($('.text-10').css('font-size') == '50px', 'Your .text-10 class should have a font-size of 50px.'); + testString: assert(code.match(/\$(.*)\s*?:\s*\$\1\s*\+\s*1\s*;/gi)); + - text: Your .text-1 class should have a font-size of 15px. + testString: assert($('.text-1').css('font-size') == '15px'); + - text: Your .text-2 class should have a font-size of 30px. + testString: assert($('.text-2').css('font-size') == '30px'); + - text: Your .text-3 class should have a font-size of 45px. + testString: assert($('.text-3').css('font-size') == '45px'); + - text: Your .text-4 class should have a font-size of 60px. + testString: assert($('.text-4').css('font-size') == '60px'); + - text: Your .text-5 class should have a font-size of 75px. + testString: assert($('.text-5').css('font-size') == '75px'); ``` @@ -72,17 +62,10 @@ tests:

Hello

Hello

Hello

-

Hello

-

Hello

-

Hello

-

Hello

-

Hello

``` - - ## Solution @@ -90,11 +73,13 @@ tests: ```html

Hello

@@ -102,10 +87,5 @@ $x: 1;

Hello

Hello

Hello

-

Hello

-

Hello

-

Hello

-

Hello

-

Hello

```