fix: make mobile actually get mobile styles (#632)

mjmonline · web-flow · commit 77b902b73cfc · 2019-06-19T16:13:31.000+02:00
diff --git a/src/styles/breakpoints.js b/src/styles/breakpoints.js
@@ -1,4 +1,4 @@
-const breakpoints = {
+export const breakpoints = {
   // The grid is mobile first so xs is the default, hence no breakpoint
   xs: false,
   sm: 768,
diff --git a/src/styles/typography.js b/src/styles/typography.js
@@ -1,4 +1,6 @@
-const SMALL_DEVICE = 360;
+import { breakpoints } from './breakpoints';
+
+const SMALL_DEVICE = breakpoints.sm;
 
 const WEIGHTS = {
   regular: 400,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-const breakpoints = {`
	`1`	`+export const breakpoints = {`
`2`	`2`	`// The grid is mobile first so xs is the default, hence no breakpoint`
`3`	`3`	`xs: false,`
`4`	`4`	`sm: 768,`