$breakpoint-alpha: 750px; //728 $breakpoint-beta: 824px; //784 $breakpoint-gamma: 960px; $breakpoint-delta: 1170px; $breakpoint-epsilon: 1440px; @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; } } }