Nesting an import within @responsive

[timkelty]

What I want to do is something like this:

@responsive {
  @import 'suitcss-components-grid';
}

(I'm using https://github.com/TrySound/postcss-easy-import for inlining @import statements.

I end up with an error like:

ERROR in ./node_modules/css-loader??ref--2-1!./node_modules/postcss-loader/lib??ref--2-2!./src/css/index.scss
Module not found: Error: Can't resolve './suitcss-components-grid' in '/Users/timkelty/Sites/dlr-craft3/src/css'
resolve './suitcss-components-grid' in '/Users/timkelty/Sites/dlr-craft3/src/css'
  using description file: /Users/timkelty/Sites/dlr-craft3/package.json (relative path: ./src/css)

This may be more related to postcss-easy-import, so I'll post something over there as well.

I'm thinking the issue is related to this: https://github.com/postcss/postcss-import#root:

Note: nested @import will additionally benefit of the relative dirname of imported files.

In this case we do NOT want it to be relative.

[timkelty]

It looks like this is actually working, and is a problem with postcss-import path resoltion inside nested blocks.