SCSS Breakpoint Mixins

Author Avatar jreitter am 04.05.2021
@mixin bpmax($breakpoint) {
    @media all and (max-width:$breakpoint+px) {
        @content;
    }
}
@mixin bpmin($breakpoint) {
    @media all and (min-width:$breakpoint+px) {
        @content;
    }
}
@mixin bpminmax($breakpointmin, $breakpointmax) {
    @media all and (min-width:$breakpointmin+px) and (max-width:$breakpointmax+px) {
        @content;
    }
}
Beitrag lesen