Currently, I am working on a website built with React.js (version 15.6.1) and Webpack 1. I have implemented a SASS-compatible version of the Flexbox Grid following this tutorial. However, I have noticed that the @media expressions are not being compiled as expected.
For example, when using @include viewport($key);, it works fine but skips the media query altogether:
@media screen and (min-width: 48em) {
@include viewport($key);
}
I have tried using both sass-loader and fast-sass-loader to resolve this issue, but unfortunately, none of them seem to work without any errors being thrown.
If anyone has any helpful advice or suggestions, I would greatly appreciate it!