Add PostCSS compilation and fix some styles

automerge · Jan 4, 2018 · 3008b91 · 3008b91
1 parent b91a47d
commit 3008b91
Show file tree

Hide file tree

Showing 24 changed files with 428 additions and 511 deletions.
diff --git a/README.md b/README.md
@@ -16,4 +16,10 @@ export LDFLAGS=-L/usr/local/opt/openssl/lib
 npm start
 ```
 
+If you want to edit the CSS, for now, start the css watcher separately:
+
+```bash
+npm run css
+```
+
 ![pixelpusher](screenshots/screenshot-cat.png)
diff --git a/build/imports.css b/build/imports.css
diff --git a/package.json b/package.json
@@ -111,6 +111,7 @@
     "eslint-plugin-import": "^2",
     "eslint-plugin-jsx-a11y": "^5",
     "eslint-plugin-react": "^7",
-    "postcss-cli": "^4.1.1"
+    "postcss-cli": "^4.1.1",
+    "postcss-url": "^7.3.0"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -2,6 +2,9 @@ module.exports = () => {
   return {
     plugins: [
       require('postcss-import')(),
+      require('postcss-url')({
+        url: 'inline',
+      }),
       require('precss')(),
       require('autoprefixer')({
         browsers: ['last 2 versions', 'IE > 8']