commit

src/scss/global/_mediaqueries.scss

@@ -0,0 +1,23 @@
+
+$breakpoints: (
+    "phone": 600px,
+    "desktop": 1200px
+);
+
+@mixin media_min($key) {
+    @media (min-width: map-get($breakpoints,$key)) {
+        &{ @content; }
+    }
+}
+
+@mixin media_max($key) {
+    @media (max-width: map-get($breakpoints,$key)) {
+        &{ @content; }
+    }
+}
+
+@mixin media_minmax($key_min, $key_max) {
+    @media (min-width: map-get($breakpoints,$key_min)) and (max-width: map-get($breakpoints,$key_max)) {
+        &{ @content; }
+    }
+}