rorschach

web/themes/custom/rorschach/rorschach.breakpoints.yml

@@ -1,18 +1,48 @@
-rorschach.mobile:
-  label: mobile
-  mediaQuery: '(min-width: 0px)'
+rorschach.sm:
+  label: Small
+  mediaQuery: 'all and (min-width: 500px)'
   weight: 0
   multipliers:
-   - 1x
-rorschach.narrow:
-  label: narrow
-  mediaQuery: 'all and (min-width: 480px) and (max-width: 959px)'
+    - 1x
+rorschach.md:
+  label: Medium
+  mediaQuery: 'all and (min-width: 700px)'
   weight: 1
   multipliers:
     - 1x
-rorschach.wide:
-  label: wide
-  mediaQuery: 'all and (min-width: 960px)'
+rorschach.lg:
+  label: Large
+  mediaQuery: 'all and (min-width: 1000px)'
   weight: 2
   multipliers:
-    - 1x
+    - 1x
+rorschach.xl:
+  label: X-Large
+  mediaQuery: 'all and (min-width: 1300px)'
+  weight: 3
+  multipliers:
+    - 1x
+rorschach.nav-md:
+  label: Nav Medium
+  mediaQuery: 'all and (min-width: 500px)'
+  weight: 4
+  multipliers:
+    - 1x
+rorschach.nav:
+  label: Nav
+  mediaQuery: 'all and (min-width: 1200px)'
+  weight: 5
+  multipliers:
+    - 1x
+rorschach.grid-md:
+  label: Grid Medium
+  mediaQuery: 'all and (min-width: 700px)'
+  weight: 6
+  multipliers:
+    - 1x
+rorschach.grid-max:
+  label: Grid Max
+  mediaQuery: 'all and (min-width: 1440px)'
+  weight: 7
+  multipliers:
+    - 1x