1
resposta

Desafio: aplicando efeitos na página

Boa tarde! Compartilhando o código.

a {
                @include mixins.ff-fs-cl(variaveis.$ft-textos, 1rem, variaveis.$cor-primaria);
                text-decoration: none;
                font-weight: 500;

                &:hover {
                    font-weight: 800;
                }
            }
.btn-main {
                all: unset;
                background-color: variaveis.$cor-secundaria;
                color: variaveis.$branco;
                font-family: variaveis.$ft-textos;
                font-size: 22px;
                font-weight: 600;
                padding: 1.5rem 4rem 1.5rem 4rem;
                border-radius: 40px;
                cursor: pointer;

                &:hover {
                    background-color: variaveis.$hover-botao;
                }
            }
1 resposta

Olá, Rafael! Como vai?

Seu código está excelente! Você utilizou de forma muito bem estruturada os conceitos de SASS, como o uso de mixins e seletores aninhados. A aplicação dos estilos nas classes e o cuidado com a usabilidade, como o efeito de hover, estão muito bem implementados.

Parabéns por compartilhar seu trabalho! Continue postando no fórum, seus códigos podem inspirar e ajudar outros alunos.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)