mvasilkov / systematize

systematize.scss: normalize styles across browsers. Like normalize.css, but with system fonts.
https://github.com/mvasilkov/systematize
MIT License
59 stars 2 forks source link

Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass. #14

Open amery opened 6 years ago

amery commented 6 years ago

I had this problem with normalize.css but it also happens with systemize using webpack+sass-loader

@import "systematize";
DEPRECATION WARNING on line 1, column 8 of stdin:
Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass.
Use a custom importer to maintain this behaviour. Check your implementations documentation on how to create a custom importer.

Any suggestion? I'm pretty new on this world.

mvasilkov commented 6 years ago

Hi, sorry, I didn't see this issue somehow.

With Webpack, you can use imports relative to the node_modules dir using the following syntax:

@import '~systematize/systematize'

The default file when you import systematize ('main' in package.json) is set to build/systematize.css, hence the warning.