How to use with postcss-import ? about postcss-custom-media HOT 13 CLOSED

Should work. Can you try postcss-import@^7.0.0 ? (not 8.x)

from postcss-custom-media.

Same issue with [email protected] & [email protected].

I used [email protected]

from postcss-custom-media.

can you add postcss-reporter to see if you have any message?

from postcss-custom-media.

Done ! I see :

src/components/Header/Header.css
19:3    ⚠  Missing @custom-media definition for '--small-viewport'. The entire rule has been removed from the output. [postcss-custom-media]

from postcss-custom-media.

Something is wrong with your setup. This should work.

from postcss-custom-media.

You're right. It works fine with react-static-boilerplate for example.

Thanks.

i must go in search of what is wrong in my setup.

from postcss-custom-media.

I don't understand why, but today with the same setup, it's works !? Surely an error of myself...

Sorry to have wasted your time.

from postcss-custom-media.

I go back to my comment above.

1. postcss-custom-media require to do the @import in the same file where you want to use the custom media query.
2. I reproduce the issue with cssnext.

postcss: function(webpack) {
    return [
      require('lost'),
      require('postcss-cssnext')({
        browsers: AUTOPREFIXER_BROWSERS
      }),
      require('postcss-import')({
        addDependencyTo: webpack
      }),
      require('postcss-reporter')()
    ];
}

For the first point, this is an issue ? Because i do the @import only in a root css file. Next, on transpiling, all CSS files are exported in one. But maybe this is not a good practice.

from postcss-custom-media.

You didn't read correctly postcss-import docs.

from postcss-custom-media.

OK, I read the postcss-import's readme and i managed to run postcss-custom-media & postcss-import with cssnext in changing the order of postcss-import in the PostCSS list.

from postcss-custom-media.

Does this work for webpack 2?

from postcss-custom-media.

@grrseguin What is the postCSS list you used?

from postcss-custom-media.

Today the list is :

    "postcss": "5.2.0",
    "postcss-cssnext": "2.8.0",
    "postcss-import": "8.1.2",
    "postcss-js": "0.1.3",
    "postcss-loader": "0.13.0",
    "postcss-reporter": "1.4.1",

But today postcss-custom-media works fine on my project. I don't know why, i have got this problem.

the 20th july it was :

    "postcss": "5.0.21",
    "postcss-cssnext": "2.7.0",
    "postcss-custom-properties": "5.0.1",
    "postcss-import": "8.1.2",
    "postcss-js": "0.1.3",
    "postcss-loader": "0.8.2",

the 22th july it was :

   "postcss": "5.1.0",
    "postcss-cssnext": "2.7.0",
    "postcss-import": "8.1.2",
    "postcss-js": "0.1.3",
    "postcss-loader": "0.9.1",
    "postcss-reporter": "1.4.1",

from postcss-custom-media.