Não sei se tô entendendo errado, mas penso que a definição da variável "$mq-mobile" poderia ficar mais funcional da forma abaixo, algum problema?
$ponto-de-quebra: 980px;
$mq-mobile: (max-width: $ponto-de-quebra);
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Não sei se tô entendendo errado, mas penso que a definição da variável "$mq-mobile" poderia ficar mais funcional da forma abaixo, algum problema?
$ponto-de-quebra: 980px;
$mq-mobile: (max-width: $ponto-de-quebra);
Fala ai Selene, tudo bem? Muito bom, poderia ser uma outra abordagem, ser mais fucional ou não depende do ponto de vista de cada pessoa.
Eu prefiro assim:
$mobile: 980px;
@media (max-width: $mobile) {}Definir a variavel apenas para o valor do px e utilizar o @media de forma explicita.
Mas é apensa um gosto pessoal, não quer dizer que seja mais simples ou melhor.
Espero ter ajudado.