Chris Lee

Adding an extra each statement in the grid-media-query mixin will accomplish this. ``` .scss @mixin grid-media-query($media-queries){ $breakpoint-found: false; @each $media-query in $media-queries { @each $breakpoint in $breakpoints{ $name: nth($breakpoint, 1);...

Hugo is right. I've since implemented this into my codebase and you need to wrap them in double braces. Which I personally don't mind since it further distinguishes multiple media-query...

That was an error on my part. After modifying the media-query loop to include an each statement, you'll need to use double braces to include multiple media-queries: ``` .scss @include...

If I understand the question, I believe this would work. ``` .scss #{$class-type}grid--item{ @extend #{$class-type}grid; @extend #{$class-type}grid--center; margin-left: 0; } ```

There is a way, but it's sort of messy. It requires some deep changes to the original code, but here's a go at it. ``` .scss $class-type: unquote(", ."); @if...

I've run into this as well, but there's a fairly simple solution (if slightly inconvenient). Only extending the %grid, %grid--,%grid__item classes once. I personally do something like ``` .scss .row{...

I believe you can just use: ```js const version = require('cache-loader/package.json').version; ```

I'm sure I'm leaving out a ton of complexity, but I second the idea of using a "fenced"/psuedo-function for Sass-specific math (something like `math(2/3)`). It feels cleaner than eliminating a...

I love this proposal, but I have a suggestion. It seems to me that it would make more sense to to use something like `@use "npm:foo/bar"` or `@use "node:foo/bar"` since...

@nex3 Thanks for clearing that up! I'm all for doing things intelligently based on context. I think I just took your proposal examples too literally.