Allows you to use simple block statements to conditionally target +phone, +desktop, and +tablet
$sizePhone: 603px | |
$sizeTablet: 1024px | |
@mixin phone | |
@media (max-width: $sizePhone) | |
@content | |
@mixin tablet | |
@media (min-width: $sizePhone+1) and (max-width: $sizeTablet) | |
@content | |
@mixin desktop | |
@media (min-width: $sizeTablet+1) | |
@content |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
Usage: