Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

DÚVIDA

Referente ao curso SASS: CSS sintaticamente espetacular, no capítulo Input, Footer e SASS e atividade Para saber mais: @if e @else

por Diogo Calderaro
| 20.5k xp | 17 posts
Webdesigner

Minha pagina está tudo funcionando até agora e eu estava estudando o if e else e aplique no css as linhas que diz na aula:

//@usestyles/abstract/variaveis.scss
@import ../abstract/variaveis

@mixin bg-cores ($cores...)
    background: linear-gradient(to left, $cores)

*@mixin bg-cores($lado, $cores...)
    @if $lado == left
        background: linear-gradient(to left, $cores)
    @else 
        background: linear-gradient(to right, $cores)*


footer
    font-size: $tamanho-do-texto /2
    text-align: center
    border-top: 2px solid $cor-primaria
    padding: 1.2rem
    margin-top: 1rem
    @include bg-cores($cor-primaria, $cor-secundaria, $cor-terciaria)
    i
        color: red

No curso tem uma linha "VAMOS TESTAR?" e mostra essa linha:

@include bg-cores("", $cor-primaria, $cor-secundaria, $cor-terciaria, $cor-terciaria

mas não sei onde por o codigo para testar, alguem pode me ajudar ?

3 respostas
solução!
por Renan Lima
| 3711.7k xp | 7845 posts
Alura Scuba Team Apoio Educacional - Alura

Olá Diogo!

Para testar o código que você escreveu, você pode adicionar a linha que você mencionou no seu arquivo CSS, dentro da regra footer. Ficaria assim:

footer
    font-size: $tamanho-do-texto /2
    text-align: center
    border-top: 2px solid $cor-primaria
    padding: 1.2rem
    margin-top: 1rem
    @include bg-cores("", $cor-primaria, $cor-secundaria, $cor-terciaria, $cor-terciaria)
    i
        color: red

Dessa forma, você está chamando o mixin bg-cores e passando as variáveis $cor-primaria, $cor-secundaria e $cor-terciaria como argumentos. O primeiro argumento "" é para o $lado, que não será utilizado nesse caso.

Seria isso?

Espero ter ajudado e bons estudos!

por Diogo Calderaro
| 20.5k xp | 17 posts
Webdesigner

É exatamente isso ! Muito obrigado renan ! Me ajudou bastante, essa era a única parte que não tava conseguindo fazer. =) Que ajuda rápida da comunidade, muito bom saber que tem uma equipe boa para nos da o apoio nesses momentos de dúvidas.

por Renan Lima
| 3711.7k xp | 7845 posts
Alura Scuba Team Apoio Educacional - Alura

Opa. Que bom que deu certo. Fico muito feliz em ajudar :)