CSS 키워드와 LESS 변수

CSS에는 @media나 @keyframes와 같이 @ 기호로 시작하는 키워드와 명령어들이 있습니다. LESS는 이를 올바르게 처리하며 자신의 명령어로 인식하지 않습니다. 예시를 확인하세요:

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

다른 예시:

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