CSS Keywords and LESS Variables

CSS contains keywords and commands that start with a dog, such as @media, @keyframes and others. LESS can handle them correctly and does not perceive them as commands. See the example:

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

Another example:

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