$breakpoints-up: (
    "medium": 30em,
    "large": 48.75em,
    "x-large": 64em
);

@mixin breakpoint($size) {
    @media (min-width: map-get($breakpoints-up, $size)){
        @content;
    }
}