node-pixrem not working properly with nested rules

[meritt]

Input source

body {
  font-size: 1.4rem;
  line-height: 1.2em;
}

dd {
  margin-left: 0;
  padding-left: 1.75rem;

  & + dt {
    margin-top: 2rem;
  }
}

Output

body {
  font-size: 22px;
  font-size: 1.4rem;
  line-height: 1.2em;
}

dd {
>>    margin-top: 32px;
  margin-left: 0;
  padding-left: 28px;
  padding-left: 1.75rem;
}

dd + dt {
  margin-top: 32px;
  margin-top: 2rem;
}

Example of configuration

[ai]

The solution is very easy: put nested before cssnext.

Nested syntax is not really standard syntax. So you should fix it first.

[ai]

But I found a mistake inside pixrem, wait a second, I will make a goood report about it.

[ai]

Done. Fix is very small, it is just misunderstanding of PostCSS API: robwierzbowski/node-pixrem#41

[ai]

node-pixrem was fixed robwierzbowski/node-pixrem@9aa8c88

[meritt]

Thank you