@use './variables' as variables;


// $media-breakpoint-desktop: 1300px;
// $media-breakpoint-tablet: 1050px;
// $media-breakpoint-tablet-2: 768px;
// $media-breakpoint-mobile: 640px;

@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();
    }
}
