Imagine this piece of less/sass:

section one at http://pastie.org/3138269

Problem 1) if you have lots of properties, you don't see all the code on single screen and you see for example just this:

section two at http://pastie.org/3138269

The problem is you don't have any indication that .baz inherits from .foo and .bar, plus you get into parenthesis hell at the bottom.

In plain old css you would see

section three at http://pastie.org/3138269

and everything is clear. The only thing that helps a bit is code collapsing in the editor. Other partial solution might be the editor automatically adding comments to code like this:

section four at http://pastie.org/3138269

Problem 2) I decide I want to apply .baz style on completely different place. In plain old css I would do

section five at http://pastie.org/3138269

In less and sass I am in trouble. I have to a) duplicate the code from .baz to #elsewhere, which is poor solution or b) take out .baz definition "out" to the top level, which is also problem, because you won't transfer the inherited properties.

Obviously there are many benefits that keep me using less/sass, but I am really curious how do you guys cope with these problems.

Thanks.