Modify breakpoints

gameflow-tv · Oct 27, 2021 · 84c7d33 · 84c7d33
1 parent 81a3650
commit 84c7d33
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/lib/theme/breakpoints.ts b/src/lib/theme/breakpoints.ts
@@ -1,17 +1,19 @@
 export type Breakpoints = {
-  phones: string
-  tablets: string
-  desktops: string
-  large: string
-  xlarge: string
+  xs: string
+  sm: string
+  md: string
+  lg: string
+  xl: string
+  xxl: string
 }
 
 const fallback: Breakpoints = {
-  phones: '576px',
-  tablets: '768px',
-  desktops: '992px',
-  large: '1200px',
-  xlarge: '1440px'
+  xs: '29rem',
+  sm: '36rem',
+  md: '48rem',
+  lg: '62rem',
+  xl: '75rem',
+  xxl: '90rem'
 }
 
 export default fallback