🔧 Add default theme

Author: exah

doczrc.js

@@ -1,19 +1,10 @@
-import { createTheme } from 'pss'
+import { theme } from './src/theme'
 
 export default {
   src: './src',
   dest: './dist',
   base: process.env.BASENAME || '/',
   hashRouter: true,
   propsParser: false,
-  themeConfig: createTheme({
-    space: {
-      default: [ 0, 8, 16, 32, 64 ]
-    },
-    color: {
-      black: '#000',
-      gray: [ '#eee', '#ddd', '#ccc', '#bbb', '#aaa' ],
-      white: '#fff'
-    }
-  })
+  themeConfig: theme
 }

src/theme.js

@@ -0,0 +1,20 @@
+import { createTheme } from 'pss'
+
+const theme = createTheme({
+  grid: 12,
+  media: {
+    M: '(max-width: 600px)'
+  },
+  space: {
+    default: [ 0, 8, 16, 32, 64 ]
+  },
+  color: {
+    black: '#000',
+    gray: [ '#eee', '#ddd', '#ccc', '#bbb', '#aaa' ],
+    white: '#fff'
+  }
+})
+
+export {
+  theme
+}