Cuvinte cheie CSS și variabile LESS

În CSS există cuvinte cheie și comenzi, care încep cu simbolul @, de exemplu, @media, @keyframes și altele. LESS poate să le proceseze corect și nu le percepe ca pe comenzi. Vedeți exemplul:

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

Un alt exemplu:

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