Palavras-chave CSS e variáveis LESS
No CSS, existem palavras-chave e comandos
que começam com o símbolo @, por exemplo, @media,
@keyframes e outros. LESS é capaz de processá-los
corretamente e não os interpreta como
comandos próprios. Veja o exemplo:
@media (max-width: 600px) {
div {
width: 300px;
}
}
Outro exemplo:
@keyframes anim {
from {
width: 100px;
}
to {
width: 200px;
}
}
Escreva algumas consultas de mídia (media queries). Certifique-se de que funcionam corretamente.