[Feature Request] Support & + & in @element or @modifier

[fengyuanchen]

Current:

@block list {
  margin: 0;

  @element item {
    padding: .5rem 1rem;

    & + .list__item {
      margin-left: .5rem;
    }
  }
}

Feature:

@block list {
  margin: 0;

  @element item {
    padding: .5rem 1rem;
    
    & + & {
      margin-left: .5rem;
    }
  }
}

[tbremer]

I don't plan on enabling this type of feature, there is postcss-nested plugin in which this output would be fully supported.

[fengyuanchen]

Actually, I use postcss-cssnext which includes postcss-nesting, but it seems the postcss-nesting plugin not support this feature (csstools/postcss-nesting#17), so I will turn to use postcss-nested now. Thanks!

[fengyuanchen]

Works fine with the following config (postcss.config.js):

module.exports = {
  plugins: {
    'postcss-atrule-bem': {},
    'postcss-cssnext': {},
    'postcss-nested': {},
  },
};

Or:

module.exports = {
  plugins: {
    'postcss-atrule-bem': {},
    'postcss-nested': {},
    'postcss-cssnext': {},
  },
};