CSS-Schlüsselwörter und LESS-Variablen

In CSS gibt es Schlüsselwörter und Befehle, die mit einem @-Symbol beginnen, zum Beispiel @media, @keyframes und andere. LESS kann diese korrekt verarbeiten und nimmt sie nicht als eigene Befehle wahr. Sehen Sie sich das Beispiel an:

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

Noch ein Beispiel:

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