fix: revert removal of xs breakpoint

nordnet · Jun 28, 2019 · 3c9ad35 · 3c9ad35
1 parent 6bc2e74
commit 3c9ad35
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/grid/styles.js b/src/grid/styles.js
@@ -15,8 +15,14 @@ const styles = {
 };
 
 Object.keys(breakpoints).forEach(breakpoint => {
+  if (breakpoint === 'xs') {
+    styles.grid[media(breakpoint)] = {
+      width: '100%',
+    };
+  }
+
   styles.grid[media(breakpoint)] = {
-    maxWidth: containers[breakpoint],
+    width: containers[breakpoint],
     padding: [0, offsets[breakpoint]],
   };
 });

diff --git a/src/spec.js b/src/spec.js
@@ -1,4 +1,6 @@
 export const breakpoints = {
+  // The grid is mobile first so xs is the default, hence no breakpoint
+  xs: false,
   sm: 768,
   md: 992,
   lg: 1440,
@@ -21,13 +23,15 @@ export const gutter = 20;
 
 export const offsets = {
   // Used for Grid's outer padding
+  xs: false,
   sm: 24,
   md: 28,
   lg: 96,
   xl: 40,
 };
 
 export const containers = {
+  xs: false,
   sm: breakpoints.sm,
   md: breakpoints.md,
   lg: breakpoints.lg,