Skip to content

Instantly share code, notes, and snippets.

@02Tea

02Tea/media_queries_break_points.scss

Created March 26, 2020 19:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 02Tea/66afdb5a289c0eee06c8cb53e629ac23 to your computer and use it in GitHub Desktop.
Save 02Tea/66afdb5a289c0eee06c8cb53e629ac23 to your computer and use it in GitHub Desktop.
Download ZIP
[Media Queries Break Points] #css #scss #css_mediaqueries #css_breakpoints #rwd
Raw
media_queries_break_points.scss
// ============================================
// Media Break Points
// Usage: @media #{$small-screen} { code here }
// ============================================
$smaller-only-screen: "only screen and (max-width : 20em)";
$small-only-screen: "only screen and (max-width : 45em)";
$small-screen: "only screen and (min-width : 30em)";
$medium-screen: "only screen and (min-width : 45em)";
$large-screen: "only screen and (min-width : 60em)";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment