version 9 of stylesheet

1 files changed, 31 insertions, 0 deletions

diff --git a/design/sass/v8/_queries.scss b/design/sass/v8/_queries.scss
new file mode 100644
index 0000000..db165ae
--- /dev/null
+++ b/design/sass/v8/_queries.scss
@@ -0,0 +1,31 @@
+$breakpoint-alpha: 38em; //608
+$breakpoint-alpha-2: 450px;
+$breakpoint-beta: 49em; //784
+$breakpoint-beta-2: 620px;
+$breakpoint-gamma: 960px;
+$breakpoint-delta: 1170px;
+$breakpoint-epsilon: $max_width;
+
+@mixin breakpoint($point) {
+    @if $point == "alpha" {
+        @media screen and (min-width:$breakpoint-alpha ){ @content; }
+    }
+    @if $point == "alpha-2" {
+        @media screen and (min-width:$breakpoint-alpha-2 ){ @content; }
+    }
+    @else if $point == "beta" {
+        @media screen and  (min-width: $breakpoint-beta) { @content; }
+    }
+    @else if $point == "beta-2" {
+        @media screen and  (min-width: $breakpoint-beta-2) { @content; }
+    }
+    @else if $point == "gamma" {
+        @media screen and (min-width: $breakpoint-gamma)  { @content; }
+    }
+    @else if $point == "delta" {
+        @media screen and (min-width: $breakpoint-delta)  { @content; }
+    }
+    @else if $point == "epsilon" {
+        @media screen and (min-width: $breakpoint-epsilon)  { @content; }
+    }
+}