Fix broken spinner after unnoticed upgrade

epam · Jun 5, 2018 · 56acd4e · 56acd4e
1 parent 4eb37b8
commit 56acd4e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -33,7 +33,7 @@
     "build:css": "run-s build:css:*",
     "build:css:bundle": "node-sass --source-map=true --source-map-contents=true --output-style=expanded src/Miew.scss -o build/dist",
     "build:css:prefix": "postcss build/dist/Miew.css -o build/dist/Miew.css --map --use autoprefixer",
-    "build:css:minify": "postcss build/dist/Miew.css -o build/dist/Miew.min.css --map --use cssnano",
+    "build:css:minify": "postcss build/dist/Miew.css -o build/dist/Miew.min.css",
     "build:demo": "webpack --mode production",
     "build:examples": "ncp examples/ build/examples/ && run-s build:examples:*",
     "build:examples:webpack": "cd build/examples/ && webpack --mode production --config miew_via_webpack.config.js",

diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+  map: true,
+  plugins: [
+    require('cssnano')({
+      preset: 'default',
+      discardUnused: false,
+    }),
+  ],
+};
diff --git a/src/Miew.scss b/src/Miew.scss
@@ -1,3 +1,16 @@
+// @import "~spin.js/spin.css"  // TODO: webpack & webstorm need tilde, postcss hate it
+
+@keyframes spinner-line-fade-default {
+  0%,
+  100% {
+    opacity: 0.22; /* minimum opacity */
+  }
+
+  1% {
+    opacity: 1;
+  }
+}
+
 .miew-canvas > canvas {
   display: block;
   width: 100%;