@mixin mq($breakpoint){

[@if](https://ed.team/@if) map-has-key($breakpoints,$breakpoint){

    [@media](https://ed.team/@media) screen and (min-width:map-get($breakpoints,$breakpoint)){

        [@content](https://ed.team/@content);

    }

}[@else](https://ed.team/@else) if type-of($breakpoint)==number and ( unit($breakpoint)=='px' or unit($breakpoint)=='em' or unit($breakpoint)=='rem'  ){

    [@media](https://ed.team/@media) screen and (min-width:$breakpoint) {

        [@content](https://ed.team/@content)

    }

}

}