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

fix: change starting font-size (#37981)

Browse Source
This commit is contained in:
Randell Dawson
2020-01-07 02:39:06 -08:00
committed by Ahmad Abdolsaheb
parent 9ed588c9fa
commit 6809578044
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
curriculum/challenges/english/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.english.md
View File

@ -41,7 +41,7 @@ This is a powerful way to create a grid layout. Now you have twelve options for
## Instructions
<section id='instructions'>
Write a <code>@for</code> directive that takes a variable <code>$j</code> that goes from 1 <b>to</b> 6.
It should create 5 classes called <code>.text-1</code> to <code>.text-5</code> where each has a <code>font-size</code> set to 10px multiplied by the index.
It should create 5 classes called <code>.text-1</code> to <code>.text-5</code> where each has a <code>font-size</code> set to 15px multiplied by the index.
</section>
## Tests
@ -51,16 +51,16 @@ It should create 5 classes called <code>.text-1</code> to <code>.text-5</code> w
tests:
- text: Your code should use the <code>@for</code> directive.
testString: assert(code.match(/@for /g));
- text: Your <code>.text-1</code> class should have a <code>font-size</code> of 10px.
testString: assert($('.text-1').css('font-size') == '10px');
- text: Your <code>.text-2</code> class should have a <code>font-size</code> of 20px.
testString: assert($('.text-2').css('font-size') == '20px');
- text: Your <code>.text-3</code> class should have a <code>font-size</code> of 30px.
testString: assert($('.text-3').css('font-size') == '30px');
- text: Your <code>.text-4</code> class should have a <code>font-size</code> of 40px.
testString: assert($('.text-4').css('font-size') == '40px');
- text: Your <code>.text-5</code> class should have a <code>font-size</code> of 50px.
testString: assert($('.text-5').css('font-size') == '50px');
- text: Your <code>.text-1</code> class should have a <code>font-size</code> of 15px.
testString: assert($('.text-1').css('font-size') == '15px');
- text: Your <code>.text-2</code> class should have a <code>font-size</code> of 30px.
testString: assert($('.text-2').css('font-size') == '30px');
- text: Your <code>.text-3</code> class should have a <code>font-size</code> of 45px.
testString: assert($('.text-3').css('font-size') == '45px');
- text: Your <code>.text-4</code> class should have a <code>font-size</code> of 60px.
testString: assert($('.text-4').css('font-size') == '60px');
- text: Your <code>.text-5</code> class should have a <code>font-size</code> of 75px.
testString: assert($('.text-5').css('font-size') == '75px');
```
@ -98,7 +98,7 @@ tests:
<style type='text/sass'>
@for $i from 1 through 5 {
.text-#{$i} { font-size: 10px * $i; }
.text-#{$i} { font-size: 15px * $i; }
}
</style>
@ -114,7 +114,7 @@ tests:
<style type='text/sass'>
@for $i from 1 to 6 {
.text-#{$i} { font-size: 10px * $i; }
.text-#{$i} { font-size: 15px * $i; }
}
</style>