@mixin media-mobile { @media only screen and (max-width : $size-tablet) { @content; } } @mixin media-tablet { @media only screen and (max-width : $size-desktop) { @content; } } @mixin media-desktop { @media only screen and (min-width : $size-desktop+1) { @content; } }