Feature request: Property lookup (a.k.a Properties are Variables too)

I found a pretty neat feature in Stylus recently, a property lookup which allows you to use properties in the current or closest parent ancestor and use it for calculations.

In Stylus this would look like this:

.test
  foo: 200
  bar: (@foo/2)
  .child
    baz: @foo

which produces this CSS:

.test {
  foo: 200;
  bar: 100;
}
.test .child {
  baz: 200;
}

For less we could use the $-sign or maybe brackets to select properties. It then would look something similar to this:

.test {
  foo: 200;
  bar: $foo / 2;
  .child {
    baz: $foo;
  }
}

or this respectively:

.test {
  foo: 200;
  bar: [foo] / 2;
  .child {
    baz: [foo];
  }
}

Thoughts on this?

[matthew-dean]

Note that simple property referencing ($prop) is implemented, but not documented (AFAIK).

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.