feat(styles): add postcss.config, global styles and theme

Author: Metnew

postcss.config.js

@@ -0,0 +1,23 @@
+module.exports = ({file, options, env}) => ({
+	plugins: {
+		'postcss-import': {},
+		'postcss-svg': {},
+		'postcss-cssnext': options.cssnext ? {} : false,
+		'postcss-url': {
+			url: 'inline',
+			// maxSize: 8.192,
+			ignoreFragmentWarning: true
+		},
+		autoprefixer: env === 'production' ? {} : false,
+		// stylelint: env === 'production'
+		//   ? false
+		//   : {
+		//     extends: ['stylelint-config-standard'],
+		//     rules: {
+		//       indentation: 'tab'
+		//     }
+		// },
+		'postcss-browser-reporter': {},
+		'postcss-reporter': {}
+	}
+})

styles/global.jsx

@@ -0,0 +1,16 @@
+import {injectGlobal} from 'styled-components'
+
+// NOTE: some styles are duplicated to make SSRed app looks better
+injectGlobal`
+  body {
+    margin: 0;
+	  padding: 0;
+	  overflow-x: hidden;
+	  min-width: 320px;
+	  background: white;
+	  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+	  font-size: 14px;
+	  line-height: 1.4285em;
+	  color: rgba(0, 0, 0, 0.87);
+  }
+`

styles/theme.jsx

@@ -0,0 +1,4 @@
+export default {
+	white: '#FFF',
+	black: '#000'
+}