diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md index 613c3735e4..2e24476a6d 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md @@ -10,7 +10,9 @@ localeTitle: Use @if e @else para adicionar lógica aos seus estilos
A diretiva @if no Sass é útil para testar um caso específico - funciona da mesma forma que a instrução if em JavaScript.
@mixin make-bold ($ bool) {
@if $ bool == true {
intensidade da fonte: Negrito;
}
}
E, assim como no JavaScript, @else if e @else test para mais condições:
@mixin text-effect ($ val) {
@if $ val == danger {
cor vermelha;
}
@else if $ val == alert {
cor amarela;
}
@else if $ val == success {
cor verde;
}
@outro {
cor preta;
}
}
## Instructions -
Crie um mixin chamado border-stroke que use um parâmetro $val . O mixin deve verificar as seguintes condições usando @if , @else if e @else :
luz - 1px preto sólido
médio - preto sólido 3px
pesado - preto sólido de 6px
nenhum - sem fronteira
+
Crie um mixin chamado border-stroke que use um parâmetro $val . O mixin deve verificar as seguintes condições usando @if , @else if e @else :
luz - 1px preto sólido
médio - preto sólido 3px
pesado - preto sólido de 6px
+Certifique-se de que seus elementos li não contêm um string de espaço vazio ou somente espaço em branco. +
## Tests