Mots-clés CSS et variables LESS

En CSS, il existe des mots-clés et des commandes qui commencent par un arobase, par exemple, @media, @keyframes et autres. LESS est capable de les traiter correctement et ne les considère pas comme des commandes. Regardez l'exemple :

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

Un autre exemple :

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