Created
November 3, 2019 09:53
-
-
Save davaynamore/1103ba515292f2563c9b2551fade659f to your computer and use it in GitHub Desktop.
simple media queries
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin media-hidden { | |
@media only screen and (max-width: 319px) { | |
display: none; | |
} | |
} | |
@mixin xs-screen { | |
@media only screen and (max-width: 575px) { | |
@content; | |
} | |
} | |
@mixin sm-screen { | |
@media only screen and (min-width: 576px) { | |
@content; | |
} | |
} | |
@mixin md-screen { | |
@media only screen and (min-width: 768px) { | |
@content; | |
} | |
} | |
@mixin md-screen-max { | |
@media only screen and (max-width: 991px) { | |
@content; | |
} | |
} | |
@mixin lg-screen { | |
@media only screen and (min-width: 992px) { | |
@content; | |
} | |
} | |
@mixin xl-screen { | |
@media only screen and (min-width: 1200px) { | |
@content; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment