| Current Path : /home/zieirix/www/media/gantry5/engines/nucleus/scss/nucleus/mixins/ |
| Current File : /home/zieirix/www/media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss |
// Breakpoints
@mixin breakpoint($breakpoint, $media: all) {
@if $breakpoint == large-desktop-range {
@media only #{$media} and (min-width: $breakpoints-large-desktop-container) { @content; }
}
@else if $breakpoint == desktop-range {
@media only #{$media} and (min-width: $breakpoints-desktop-container) and (max-width: $breakpoints-large-desktop-container - 0.01rem) { @content; }
}
@else if $breakpoint == desktop-only {
@media only #{$media} and (min-width: $breakpoints-desktop-container) { @content; }
}
@else if $breakpoint == tablet-range {
@media only #{$media} and (min-width: $breakpoints-tablet-container) and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }
}
@else if $breakpoint == large-mobile-range {
@media only #{$media} and (min-width: $breakpoints-large-mobile-container + 0.01rem) and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }
}
@else if $breakpoint == small-mobile-range {
@media only #{$media} and (max-width: $breakpoints-large-mobile-container) { @content; }
}
@else if $breakpoint == no-mobile {
@media only #{$media} and (min-width: $breakpoints-tablet-container) { @content; }
}
@else if $breakpoint == mobile-only {
@media only #{$media} and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }
}
@else if $breakpoint == no-desktop {
@media only #{$media} and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }
}
}