@mixin breakpointDown($point) { @if $point == xl { @media (max-width: 1365px) { @content ; } } @else if $point == lg { @media (max-width: 1199px) { @content ; } } @else if $point == md { @media (max-width: 1023px) { @content ; } } @else if $point == sm { @media (max-width: 767px) { @content ; } } @else if $point == xs { @media (max-width: 480px) { @content ; } } } /*@include breakpointDown(sm) {}*/ @mixin breakpointUp($point) { @if $point == md { @media (min-width: 768px) { @content ; } } @if $point == lg { @media (min-width: 1024px) { @content ; } } @if $point == xl { @media (min-width: 1366px) { @content ; } } } /*@include breakpointUp(lg) {}*/