Stylus/sass/less-like nesting

[Jan Buschtöns]

With Stylus we were able to nest selectors which would be extremely useful in Rework.

.chrome
  position: absolute

  &.chrome-titlebar
    top: 0
    left: 0
    right: 0

yielding

.chrome {
  position: absolute;
}
.chrome.chrome-titlebar {
  top: 0;
  left: 0;
  right: 0;
}

[jongleberry]

https://github.com/visionmedia/css-whitespace

[Jan Buschtöns]

I'm not speaking about significant whitespace. I'm referring to selector and/or media query nesting. Sorry, if my example was misleading.

[jongleberry]

well, it's significant whitespace + the nested selectors, but the nested selectors are buggy.

[Jan Buschtöns]

Oh great! Sorry, I just had a quick glance at the readme and nesting wasn't shown there. :D
I hope TJ can fix the bugs. :)

[jongleberry]

yeah, you have to read the example carefully to realize it supports nesting.

[TJ Holowaychuk]

what's buggy about it? there's no nested media queries ATM though, the rest should work fine, we have no issues

[Jan Buschtöns]

reworkcss/css-whitespace#14

[jongleberry]

just the open issues.