Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/mixins/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// MIXINS - Media Queries
// ==============================================

@mixin breakpoint($class) {
    @if $class == xs {
        @media (min-width: $extra-small) { @content; }
    }

    @else if $class == only-xs {
        @media (max-width: $extra-small-max) { @content; }
    }

    @else if $class == sm {
        @media (min-width: $small) { @content; }
    }

    @else if $class == only-sm {
        @media (max-width: $small-max) { @content; }
    }

    @else if $class == md {
        @media (min-width: $medium) { @content; }
    }

    @else if $class == only-md {
        @media (max-width: $medium-max) { @content; }
    }

    @else if $class == lg {
        @media (min-width: $large) { @content; }
    }

    @else if $class == only-lg {
        @media (max-width: $large-max) { @content; }
    }

    @else if $class == xl {
        @media (min-width: $extra-large) { @content; }
    }

    @else if $class == only-xl {
        @media (max-width: $extra-large-max) { @content; }
    }

    @else {
        @warn "Breakpoint mixin supports: xs, sm, md, lg, xl";
    }
}