Nested selectors not hashed

[noahehall]

notice the hashed selector is app-0-0, while the nested styles are app

export default preJSS`
  /*@import './src/containers/app/theme/reset.css';*/
  @import './src/containers/app/theme/popups.css';

  /* background-color: hsla( 0, 50%, 96%, 0.5); */
  app {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-image: url(/images/crossword.png);

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
      font-family: Syncopate;
    }
}

[noahehall]

looks like this issue was caused possibly by a collision with postcss-cssnext and jss-plugins-default, i've updated my postcssrc to this and its working fine:

{
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    "cssnano": {},
    "postcss-browser-reporter": {},
    "postcss-reporter": {},
  }
}

[DenisIzmaylov]

Thanks for detailed report! Could you please share your original postcssrc?

[noahehall]

{
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    "postcss-advanced-variables": {},
    "postcss-custom-properties": {},
    "postcss-minify-selectors": {},
    "postcss-cssnext": {},
    "cssnano": {},
    "postcss-browser-reporter": {},
    "postcss-reporter": {},
  }
}

[DenisIzmaylov]

Would be nice to debug/investigate why jss-preset-default is not compatible with PreJSS.

[DenisIzmaylov]

@noahehall Is the problem solved by removing postcss-cssnext?

[noahehall]

@DenisIzmaylov yes

[DenisIzmaylov]

Let's close it. Thanks for your effort. Feel free to make Pull Request or a new issue!