From cdb54dc987860a3ddfaa91f77456f3be20a04ba1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Moreira?=
 <fabiommmoreira@Fabios-MacBook-Pro.local>
Date: Wed, 16 May 2018 14:32:52 +0100
Subject: [PATCH] feat(ui-toolkit): update breakpoints

---
 packages/ui-toolkit/src/breakpoints/screens.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui-toolkit/src/breakpoints/screens.js b/packages/ui-toolkit/src/breakpoints/screens.js
index 2008b3e3..d9967ad3 100644
--- a/packages/ui-toolkit/src/breakpoints/screens.js
+++ b/packages/ui-toolkit/src/breakpoints/screens.js
@@ -2,33 +2,33 @@ import remcalc from 'remcalc';
 
 export const breakpoints = {
   small: {
-    upper: 767
+    upper: 599
   },
   medium: {
-    upper: 1023,
-    lower: 768
+    upper: 999,
+    lower: 600
   },
   large: {
-    upper: 1199,
-    lower: 1024
+    upper: 1399,
+    lower: 1000
   },
   xlarge: {
-    lower: 1200
+    lower: 1400
   }
 };
 
 export default {
-  // >= 768px
+  // >= 599px
   smallOnly: `only screen and (max-width: ${remcalc(breakpoints.small.upper)})`,
   small: `only screen and (min-width: ${remcalc(breakpoints.small.upper)})`,
-  // >= 1024px
+  // >= 999px
   mediumOnly: `only screen and (min-width: ${remcalc(breakpoints.medium.lower)})
     and (max-width: ${remcalc(breakpoints.medium.upper)})`,
   mediumDown: `only screen and (max-width: ${remcalc(
     breakpoints.medium.upper
   )})`,
   medium: `only screen and (min-width: ${remcalc(breakpoints.medium.lower)})`,
-  // >= 1200px
+  // >= 1400px
   largeOnly: `only screen and (min-width: ${remcalc(breakpoints.large.lower)})
     and (max-width: ${remcalc(breakpoints.large.upper)})`,
   largeDown: `only screen and (max-width: ${remcalc(breakpoints.large.upper)})`,