Palabras clave CSS y variables LESS

En CSS, nos encontramos con palabras clave y comandos que comienzan con el símbolo @, por ejemplo, @media, @keyframes y otros. LESS es capaz de procesarlos correctamente y no los interpreta como sus propios comandos. Mira el ejemplo:

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

Otro ejemplo:

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