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

Fix/update challenges for sass spanish (#35365)

Browse Source 
* Revert "style: button color change"

This reverts commit 64574a49b7.

* Revert "style: button color change"

This reverts commit 64574a49b7.

* fix: update sass challenge - spanish description
This commit is contained in:
Aditi Joshi
2019-06-03 13:28:22 -04:00
committed by Randell Dawson
parent 6e837ac711
commit 76547acc4d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
curriculum/challenges/spanish/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.spanish.md
View File

@ -10,7 +10,10 @@ localeTitle: Use @if y @else para agregar lógica a sus estilos
<section id="description"> La directiva <code>@if</code> en Sass es útil para probar un caso específico: funciona igual que la sentencia <code>if</code> en JavaScript. <blockquote> @mixin make-bold ($ bool) { <br> @if $ bool == true { <br> font-weight: negrita; <br> } <br> } </blockquote> Y al igual que en JavaScript, <code>@else if</code> y <code>@else</code> prueban más condiciones: <blockquote> @mixin efecto-texto ($ val) { <br> @if $ val == peligro { <br> color rojo; <br> } <br> @else if $ val == alert { <br> color amarillo; <br> } <br> @else if $ val == éxito { <br> color verde; <br> } <br> @else { <br> de color negro; <br> } <br> } </blockquote></section> <section id="description"> La directiva <code>@if</code> en Sass es útil para probar un caso específico: funciona igual que la sentencia <code>if</code> en JavaScript. <blockquote> @mixin make-bold ($ bool) { <br> @if $ bool == true { <br> font-weight: negrita; <br> } <br> } </blockquote> Y al igual que en JavaScript, <code>@else if</code> y <code>@else</code> prueban más condiciones: <blockquote> @mixin efecto-texto ($ val) { <br> @if $ val == peligro { <br> color rojo; <br> } <br> @else if $ val == alert { <br> color amarillo; <br> } <br> @else if $ val == éxito { <br> color verde; <br> } <br> @else { <br> de color negro; <br> } <br> } </blockquote></section>
## Instructions ## Instructions
<section id="instructions"> Cree un <code>mixin</code> llamado <code>border-stroke</code> que tome un parámetro <code>$val</code> . La <code>mixin</code> debe verificar las siguientes condiciones usando <code>@if</code> , <code>@else if</code> , y <code>@else</code> : <blockquote> luz - 1px negro sólido <br> mediano - 3px negro sólido <br> pesado - 6px negro sólido <br> ninguno - sin borde </blockquote></section> <section id="instructions"> Cree un <code>mixin</code> llamado <code>border-stroke</code> que tome un parámetro <code>$val</code> . La <code>mixin</code> debe verificar las siguientes condiciones usando <code>@if</code> , <code>@else if</code> , y <code>@else</code> :
<blockquote>luz - 1px negro sólido<br>mediano - 3px negro sólido <br>pesado - 6px negro sólido </blockquote>
Si <code>$val</code> no es <code>light</code>, <code>medium</code>, o <code>heavy</code>, la frontera se debe establecer en <code>none</code>.
</section>
## Tests ## Tests
<section id='tests'> <section id='tests'>