Method for "getting" a selector's style

[ghost]

I've found several use cases for the following feature: Say I want to use a selector's style as a variable to format another selector. Well the way to do this currently is:

@divOneHeight: 200px;
.divOne {
    height: @divOneHeight;
}

.diveTwo {
    height: @divOneHeight + 200;
}

It's doable but it seems unnecessary. If DivTwo depends entirely on DivOne, why not just skip the variable creation and do something like

.divOne {
    height: 200px;
}

.divTwo {
    height: .divOne(height) + 200
}

I think this is in the spirit of Less.js and would certainly help developers. Thoughts?

[ttfkam]

I think you meant

.divOne {
    height: 200px;
}

.divTwo {
    height: .divOne(height) + 200
}

[ghost]

Yes, thank you!

[paulyoung]

I haven't tested but according to this gist (see Namespaces and Accessors) it's already possible.

#bundle {
  color: red;
}

.foo {
  color: #bundle['color'];
}

So in your case:

.divOne {
    height: 200px;
}

.divTwo {
    height: .divOne['height'];
}

[lukeapage]

duplicate of #76