[breakpoints] Increase step to 5, fix media query matching on Safari (#…

…8846) Fixes #8843
mui · Oct 25, 2017 · 24be02e · 24be02e
1 parent 16b4ec4
commit 24be02e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/styles/createBreakpoints.js b/src/styles/createBreakpoints.js
@@ -17,7 +17,7 @@ export default function createBreakpoints(breakpoints: Object) {
       xl: 1920,
     },
     unit = 'px',
-    step = 1,
+    step = 5,
     ...other
   } = breakpoints;
 

diff --git a/src/styles/createBreakpoints.spec.js b/src/styles/createBreakpoints.spec.js
@@ -22,15 +22,15 @@ describe('createBreakpoints', () => {
 
   describe('down', () => {
     it('should work', () => {
-      assert.strictEqual(breakpoints.down('md'), '@media (max-width:959.99px)');
+      assert.strictEqual(breakpoints.down('md'), '@media (max-width:959.95px)');
     });
   });
 
   describe('between', () => {
     it('should work', () => {
       assert.strictEqual(
         breakpoints.between('sm', 'md'),
-        '@media (min-width:600px) and (max-width:1279.99px)',
+        '@media (min-width:600px) and (max-width:1279.95px)',
       );
     });
   });
@@ -39,7 +39,7 @@ describe('createBreakpoints', () => {
     it('should work', () => {
       assert.strictEqual(
         breakpoints.only('md'),
-        '@media (min-width:960px) and (max-width:1279.99px)',
+        '@media (min-width:960px) and (max-width:1279.95px)',
       );
     });