@mixin breakpoint($point) { @if $point == desktop { @media (min-width: 1200px) { @content ; } } @else if $point == laptop { @media (max-width: 1280px) { @content ; } } @else if $point == tablet { @media (max-width: 767px) { @content ; } } @else if $point == mobile { @media (max-width: 480px) { @content ; } } }