Browse Source

Fix #12: convert image assets to base64 data: URI

Convert to SCSS
Add `node-sass` for SCSS compilation
Convert loading GIF to SVG alternative
dom111 6 years ago
parent
commit
e4b052f93e
5 changed files with 31 additions and 10 deletions
  1. 0 0
      assets/css/style-min.css
  2. 9 6
      assets/css/style.css
  3. 0 0
      assets/img/loading.svg
  4. 19 0
      assets/scss/style.scss
  5. 3 4
      package.json

File diff suppressed because it is too large
+ 0 - 0
assets/css/style-min.css


File diff suppressed because it is too large
+ 9 - 6
assets/css/style.css


File diff suppressed because it is too large
+ 0 - 0
assets/img/loading.svg


File diff suppressed because it is too large
+ 19 - 0
assets/scss/style.scss


+ 3 - 4
package.json

@@ -6,12 +6,11 @@
     "build:bookmarklet": "echo -n 'javascript:' > ./examples/bookmarklet/source-min.js && cat ./tmp/source-cdn-min.js >> ./examples/bookmarklet/source-min.js",
     "build:apache-cdn": "OUT=./examples/apache-directory-list/header.html; echo -n '<script type=\"text/javascript\">' > $OUT && cat ./tmp/source-cdn-min.js >> $OUT && echo -n '</script><!--' >> $OUT",
     "build:apache-local": "OUT=./examples/apache-directory-list-local/header.html; echo -n '<script type=\"text/javascript\">' > $OUT && cat ./tmp/source-local-min.js >> $OUT && echo -n '</script><!--' >> $OUT",
-    "build:cleancss": "cleancss -o ./assets/css/style-min.css ./assets/css/style.css",
-    "build": "npm run build:cleancss && npm run build:uglify-app && npm run build:pp && npm run build:uglify-tmp && npm run build:bookmarklet && npm run build:apache-cdn && npm run build:apache-local"
+    "build:sass": "node-sass assets/scss/style.scss assets/css/style.css --output-style=expanded &&node-sass assets/scss/style.scss assets/css/style-min.css --output-style=compressed ",
+    "build": "npm run build:sass && npm run build:uglify-app && npm run build:pp && npm run build:uglify-tmp && npm run build:bookmarklet && npm run build:apache-cdn && npm run build:apache-local"
   },
   "devDependencies": {
-    "clean-css": "4.2.1",
-    "clean-css-cli": "4.2.1",
+    "node-sass": "4.10.0",
     "preprocessor": "1.4.0",
     "uglify-js": "3.4.9"
   }

Some files were not shown because too many files changed in this diff