$breakpoint-alpha: 420px; $breakpoint-beta: 728px; $breakpoint-gamma: 824px; $breakpoint-delta: 960px; $breakpoint-epsilon: $max_width; @mixin breakpoint($point) { @if $point == "alpha" { @media screen and (min-width:$breakpoint-alpha ){ @content; } } @else if $point == "beta" { @media screen and (min-width: $breakpoint-beta) { @content; } } @else if $point == "gamma" { @media screen and (min-width: $breakpoint-gamma) { @content; } } @else if $point == "delta" { @media screen and (min-width: $breakpoint-delta) { @content; } } @else if $point == "epsilon" { @media screen and (min-width: $breakpoint-epsilon) { @content; } } }