Estou com um problema em relação ao @extend, tentei utilizá-lo em conjunto com o @media e dá erro na compilação. Não sei se é possível utilizar os dois juntos, se não for, qual seria a melhor forma de obter este resultado no CSS compilado?
@media (max-width: 980px) {
.menu-opcoes,
.menu-opcoes li,
.post-destaque,
.posts-antigos,
form {
width: auto;
}
}Eu tentei fazer da seguinte forma e dá erro:
.menu-opcoes {
position: absolute;
right: 0;
top: -.5em;
font-size: 1.2em;
font-weight: lighter;
@media #{$mq-mobile} {
@extend %mq-width;
}
}