[!!!][TASK] Refactor Scss, add Sass-lint and adjust styling

Add variables to allow easy modifications to color, font and also extending Style

tasks/build.js

@@ -39,9 +39,7 @@ module.exports = function (grunt) {
         cwd: "bower_components/roboto-fontface"
       },
       ionicons: {
-        src: ["fonts/*",
-          "hopglass-icons.css"
-        ],
+        src: ["fonts/*"],
         expand: true,
         dest: "build/",
         cwd: "assets/icons/"
@@ -77,16 +75,6 @@ module.exports = function (grunt) {
         src: "build/style.css"
       }
     },
-    cssmin: {
-      target: {
-        files: {
-          "build/style.css": ["bower_components/leaflet/dist/leaflet.css",
-            "bower_components/Leaflet.label/dist/leaflet.label.css",
-            "style.css"
-          ]
-        }
-      }
-    },
     inline: {
       dist: {
         options: {

tasks/linting.js

@@ -13,6 +13,12 @@ module.exports = function (grunt) {
       },
       npm: {}
     },
+    sasslint: {
+      options: {
+        configFile: '.sass-lint.yml'
+      },
+      target: ['scss/main.scss', 'scss/*/*.scss']
+    },
     eslint: {
       sources: {
         src: ["app.js", "!Gruntfile.js", "lib/**/*.js"]
@@ -24,5 +30,6 @@ module.exports = function (grunt) {
   });
 
   grunt.loadNpmTasks("grunt-check-dependencies");
+  grunt.loadNpmTasks('grunt-sass-lint');
   grunt.loadNpmTasks("grunt-eslint");
 };