Testing ruleset generation Sass

stuff.scss

$breakpoints-list: (
	ns: '>=44em'
);

$ruleset: (
	bg-r: ('background red'),
	bg-g: ('background green', top 10px)
);
$breakpoints: ns;

@mixin generate_rules($ruleset, $breakpoints){
	@each $selector, $rules in $ruleset {
		@debug($selector, $rules);
		.#{$selector} {
			@each $rule, $value in $rules {
				@debug $rule, $value;
			}
		}
		@each $bp in $breakpoints {
			.#{$selector}-#{$bp} {
				@include media(map-get($breakpoints-list, $bp)){
					@extend %#{$selector};
				}
			}
		}
	}
}

@include generate_rules($ruleset, $breakpoints);
// @debug($ruleset);