fix: adjust breakpoints and offsets

nordnet · Sep 30, 2019 · 529b5b7 · 529b5b7
1 parent 431f737
commit 529b5b7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 15 deletions.
diff --git a/src/grid/styles.js b/src/grid/styles.js
@@ -1,4 +1,4 @@
-import { media, breakpoints, containers, offsets } from '../spec';
+import { media, breakpoints, containers } from '../spec';
 
 const styles = {
   grid: {
@@ -22,7 +22,7 @@ Object.keys(breakpoints).forEach(breakpoint => {
   } else {
     styles.grid[media(breakpoint)] = {
       width: containers[breakpoint],
-      padding: [0, offsets[breakpoint]],
+      padding: [0, 20],
     };
   }
 });

diff --git a/src/spec.js b/src/spec.js
@@ -1,10 +1,10 @@
 export const breakpoints = {
   // The grid is mobile first so xs is the default, hence no breakpoint
   xs: false,
-  sm: 768,
-  md: 992,
-  lg: 1440,
-  xl: 1680,
+  sm: 760,
+  md: 976,
+  lg: 1292,
+  xl: 1600,
 };
 
 export const media = size => {
@@ -21,15 +21,6 @@ export const columns = 12;
 
 export const gutter = 20;
 
-export const offsets = {
-  // Used for Grid's outer padding
-  xs: false,
-  sm: 24,
-  md: 28,
-  lg: 96,
-  xl: 60,
-};
-
 export const containers = {
   xs: false,
   sm: breakpoints.sm,