imports without inclusion ( for multiple css files )

[dunkfordyce]

I need the ability to generate several css files that are aware of the rules already generated in other files.

For example main.less may contain

.rounded { border-radius: 10px; }

and child.less may contain

@import "main.less";
#someid { .rounded; }

I dont want child.css to include the rules from main.less as both files would be included in my page.

I understand this would require a syntax change. perhaps an alternative to @import is required or another arguement to the @import rule could be provided.

this is the only thing thats stopping me using less.js right now...

[kigorw]

This is very important thing that the reason for me to move to sass for the next projects

[minipai]

use .rounded(@var: 10px) { border-radius: @var; } instead

[lukeapage]

This is provided through the @import-once feature