@use './variables' as variables;

@mixin mobile() {
    @media (max-width: variables.$media-breakpoint-mobile) {
        @content();
    }
}

@mixin desktop() {
    @media (min-width: variables.$media-breakpoint-desktop-min) {
        @content();
    }
}

@mixin gt-mobile() {
    @media (min-width: variables.$media-breakpoint-small-tablet-min) {
        @content();
    }
}

@mixin smTablet() {
    @media (max-width: variables.$media-breakpoint-tablet) {
        @content();
    }
}

@mixin tablet() {
    @media (min-width: variables.$media-breakpoint-tablet-min) and (max-width: variables.$media-breakpoint-tablet) {
        @content();
    }
}

@mixin tablet-small() {
    @media (min-width: variables.$media-breakpoint-small-tablet-min) and (max-width: variables.$media-breakpoint-small-tablet) {
        @content();
    }
}

@mixin tablets() {
    @media (min-width: variables.$media-breakpoint-small-tablet-min) and (max-width: variables.$media-breakpoint-tablet) {
        @content();
    }
}

@mixin print() {
    @media print {
        @content();
    }
}
