When using nested rules there's a parsing even though the output is correct. The problem is that it breaks when using a plugin like postcss-nested. Example bellow:
Input:
.phone
width: 100px
&_title
width: 500px
The output is correct if no plugins are used, if postcss-nested is used this is the output:
width: 100px
.phone_title {
width: 500px
}
This is parsed tree without plugins, notice the selector property is including the width declaration:
When using nested rules there's a parsing even though the output is correct. The problem is that it breaks when using a plugin like postcss-nested. Example bellow:
Input:
The output is correct if no plugins are used, if postcss-nested is used this is the output:
This is parsed tree without plugins, notice the selector property is including the width declaration:
Thanks