I am trying to compile my print styles using less, and I'm running into a problem when using @bottom for footers the @bottom cause problems with LESS becasue the '@' symbol is reserved for variable names.

Examples:

@page foot {
margin: @paper-margin @paper-margin @footer-height @paper-margin;
@bottom {
content: flow(footer);
}
}

I never had this problem with SASS as the variables use '$', but I would prefer to use LESS instead of SASS. Are there any workarounds to this problem without making a separate css file?

Edited 30 May 2014 by Cuberic

How does LESS handle other at-rules, like @import and @media?

I'm not sure what the code is, but I know that LESS.js used to have an issue with the @media rule, and has some extensions on the @import.

Have you filed a bug with less.js on GitHub? I see there have been some other issues around @page rules.