fix(docz-theme-default): include breakpoints as const

doczjs · Jun 22, 2018 · 43490bb · 43490bb
1 parent bb56449
commit 43490bb
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/docz-theme-default/src/styles/responsive.ts b/packages/docz-theme-default/src/styles/responsive.ts
@@ -1,7 +1,13 @@
 import facepaint from 'facepaint'
 
+export const breakpoints = {
+  mobile: 420,
+  tablet: 920,
+  desktop: 1120,
+}
+
 export const mq = facepaint([
-  '@media(min-width: 420px)',
-  '@media(min-width: 920px)',
-  '@media(min-width: 1120px)'
+  `@media(min-width: ${breakpoints.mobile}px)`,
+  `@media(min-width: ${breakpoints.tablet}px)`,
+  `@media(min-width: ${breakpoints.desktop}px)`
 ])