Bug #10, Adopting lessc in package JSON [iet:8994834]

nfreear · Feb 26, 2018 · 33db2fa · 33db2fa
1 parent 706fd95
commit 33db2fa
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -13,17 +13,18 @@
   "dependencies": {
     "datejs": "^1.0.0-rc3",
     "icalendar": "^0.7.1",
-    "node-analytics-ga": "https://github.com/nfreear/node-analytics-ga.git#918d458d8a"
+    "node-analytics-ga": "git+https://github.com/nfreear/node-analytics-ga.git#918d458d8a"
   },
   "devDependencies": {
-    "browserify": "^14.4.0",
+    "browserify": "^14.5.0",
     "csslint": "^1.0.5",
     "exorcist": "^0.4.0",
+    "less": "^3.0.1",
     "live-server": "^1.2.0",
     "pa11y-ci": "^1.3.1",
     "replace": "^0.3.0",
     "semistandard": "^11.0.0",
-    "uglify-js": "^2.8.26"
+    "uglify-js": "^2.8.29"
   },
   "engines": {
     "node": ">= 4.0.0"
@@ -32,9 +33,10 @@
     "gaad": "./bin/gaad.js"
   },
   "scripts": {
-    "build": "rm -f dist/* && bin/gaad.js && bin/_ver.js && npm run browserify && npm run uglify",
+    "build": "rm -f dist/* && bin/gaad.js && bin/_ver.js && npm run browserify && npm run uglify && npm run less",
     "browserify": "browserify index.js --no-bf --debug | exorcist dist/gaad-widget.js.map > dist/gaad-widget.js",
     "uglify": "uglifyjs dist/*-widget.js --comments=/^[!]/ -mco dist/gaad-widget.min.js",
+    "less": "lessc style/style.less style/gaad-widget.css",
     "start": "live-server --port=9001 -V",
     "serve-ci": "live-server --port=9001 -V --no-browser --watch=DUMMY",
     "ps": "pgrep -lf live-server",
@@ -70,7 +72,7 @@
     "data/gaad.json",
     "data/locales.json",
     "src/",
-    "style/"
+    "style/*.css"
   ],
   "x-locales": [ "en", "es", "fr", "zh-cn" ],
   "x-build-js-size": "8.47kB",

diff --git a/style/gaad-widget.css → style/style.less b/style/gaad-widget.css → style/style.less
@@ -1,5 +1,5 @@
 /*!
-  GAAD.widget.js | ©Nick Freear 2017-04-27 | License: MIT.
+  gaad-widget.js | © 2018 Nick Freear | License: MIT.
 
   https://github.com/nfreear/gaad-widget
 */
@@ -15,23 +15,23 @@
   margin: 0 0 1.5em;
   padding: 0.8em;
   text-align: center;
-}
 
-/*csslint adjoining-classes: false */
-.gaad-widget-js.black {
-  background: #333;
-}
+  // csslint adjoining-classes: false;
+  &.black {
+    background: #333;
+  }
 
-.gaad-widget-js a {
-  border-bottom: 2px dotted transparent;
-  color: #fff;
-  text-decoration: underline;
-}
+  a {
+    border-bottom: 2px dotted transparent;
+    color: #fff;
+    text-decoration: underline;
 
-.gaad-widget-js a:hover,
-.gaad-widget-js a:focus {
-  border-color: #fff;
-  color: #eee;
+    &:hover,
+    &:focus {
+      border-color: #fff;
+      color: #eee;
+    }
+  }
 }
 
 @media (max-width: 767px) {
@@ -42,3 +42,5 @@
     padding: 0.5em;
   }
 }
+
+// End.