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;
  }
}