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:
@media (max-width: 600px) {
div {
width: 300px;
}
}
Another example:
@keyframes anim {
from {
width: 100px;
}
to {
width: 200px;
}
}
Write a few media queries and make sure they work correctly.