// Breakpoints for all resolutions
$breakpoints: ("sn": 0px,"cp": 480px,"xs": 576px, "sm": 768px, "md": 992px, "lg": 1200px);
@mixin mq-min($mq-breakpoint, $mq-breakpoints: $breakpoints)
@if map-has-key($mq-breakpoints, $mq-breakpoint)
$mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint)
@media (min-width: #{$mq-breakpoint})
@content
@mixin mq-max($mq-breakpoint, $mq-breakpoints: $breakpoints)
@if map-has-key($mq-breakpoints, $mq-breakpoint)
$mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint)
@media (max-width: #{$mq-breakpoint})
@content
@mixin mq-bet($mq-breakpoint-min, $mq-breakpoint-max, $mq-breakpoints: $breakpoints)
@if map-has-key($mq-breakpoints, $mq-breakpoint-min) and map-has-key($mq-breakpoints, $mq-breakpoint-max)
$mq-breakpoint-min: map-get($mq-breakpoints, $mq-breakpoint-min)
$mq-breakpoint-max: map-get($mq-breakpoints, $mq-breakpoint-max)
@media (min-width: #{$mq-breakpoint-min}) and (max-width: #{$mq-breakpoint-max})
@content