refactor: Move depths and breakpoints out of theme

2022-04-04 21:20:38 -07:00
parent 20a69b711a
commit 2e41ace386
25 changed files with 73 additions and 79 deletions
--- a/shared/styles/breakpoints.ts
+++ b/shared/styles/breakpoints.ts
@@ -0,0 +1,11 @@
+const breakpoints = {
+  mobile: 0,
+  // targeting all devices
+  tablet: 737,
+  // targeting devices that are larger than the iPhone 6 Plus (which is 736px in landscape mode)
+  desktop: 1025,
+  // targeting devices that are larger than the iPad (which is 1024px in landscape mode)
+  desktopLarge: 1600,
+};
+
+export default breakpoints;