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:

styles.less@media (max-width: 600px) {
  div {
    width: 300px;
  }
}

Outro exemplo:

styles.less@keyframes anim {
  from {
    width: 100px;
  }
  to {
    width: 200px;
  }
}