georgebyte · March 6, 2017 06:38
diff --git a/flexible-media-query-mixin.scss b/flexible-media-query-mixin.scss
 //base font
 $bf: 16;

 @mixin bp($bp, $min-max: min-width) {
    $em: $bp/$bf;
    @media(#{$min-max}: #{$em}em) { @content; }
 }

 //including the mixin
 .element {
    @include bp(600) {
        ...
    }
 }
	//base font
	$bf: 16;

	@mixin bp($bp, $min-max: min-width) {
	$em: $bp/$bf;
	@media(#{$min-max}: #{$em}em) { @content; }
	}

	//including the mixin
	.element {
	@include bp(600) {
	...
	}
	}