Add stylelint standard

.stylelintrc

+{
+  "extends": 
+    "stylelint-config-standard"
+  ,
+  "rules": {
+  }
+}
\ No newline at end of file

package-lock.json

 {
   "name": "webapp",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -10131,6 +10131,21 @@
         "schema-utils": "^1.0.0"
       }
     },
+    "stylelint-config-recommended": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-2.2.0.tgz",
+      "integrity": "sha512-bZ+d4RiNEfmoR74KZtCKmsABdBJr4iXRiCso+6LtMJPw5rd/KnxUWTxht7TbafrTJK1YRjNgnN0iVZaJfc3xJA==",
+      "dev": true
+    },
+    "stylelint-config-standard": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-18.3.0.tgz",
+      "integrity": "sha512-Tdc/TFeddjjy64LvjPau9SsfVRexmTFqUhnMBrzz07J4p2dVQtmpncRF/o8yZn8ugA3Ut43E6o1GtjX80TFytw==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-recommended": "^2.2.0"
+      }
+    },
     "stylus": {
       "version": "0.54.5",
       "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.5.tgz",

package.json

@@ -76,6 +76,8 @@
     "protractor": "^5.4.1",
     "rxjs-tslint": "^0.1.6",
     "sass-recursive-map-merge": "^1.0.1",
+    "stylelint-config-recommended": "^2.2.0",
+    "stylelint-config-standard": "^18.3.0",
     "ts-node": "~4.1.0",
     "tslint": "^5.12.1",
     "tslint-config-airbnb": "^5.11.1",

src/scss/ghost-style.scss

@@ -47,7 +47,7 @@
     margin: 0;
 
     li::before {
-      font-family: "Open sans";
+      font-family: "Open sans", sans-serif;
       content: "• ";
       color: $tomato-color;
       font-size: 1.25rem;
@@ -56,7 +56,7 @@
 
   li {
     padding-left: 1em;
-    text-indent: -.7em;
+    text-indent: -0.7em;
   }
 
   // Set iframe height and width if not already defined in the inline style

src/scss/init_bulma.scss

@@ -37,4 +37,4 @@ $input-color: $brand-color;
 @import "../../node_modules/bulma/sass/elements/_all";
 @import "../../node_modules/bulma/sass/components/_all";
 @import "../../node_modules/bulma/sass/grid/_all";
-@import "../../node_modules/bulma/sass/layout/_all";
\ No newline at end of file
+@import "../../node_modules/bulma/sass/layout/_all";

src/scss/variables.scss

 
-
 // COLORS
-$tomato-color: #F72F2F; // Tomato
+$tomato-color: #f72f2f; // Tomato
 $brand-color: #333744;
 $grey-dark-color: #515151;
 $grey-light-color: #818080;
-$grey-background-color: #F2F2F2;
-$grey-super-light-color: #B4B4B4;
-$link-color: #1D92FF;
+$grey-background-color: #f2f2f2;
+$grey-super-light-color: #b4b4b4;
+$link-color: #1d92ff;
 
 // Add a serif family
 $family-sans-serif: 'Titillium Web', sans-serif;
@@ -40,4 +39,4 @@ $background-link-hover-color: #191c27;
 $header-bar-height: 70px;
 
 // Container
-$container-mobile-width: 320px;
\ No newline at end of file
+$container-mobile-width: 320px;

src/styles.scss

@@ -2,14 +2,11 @@
 
 @import '../node_modules/mapbox-gl/dist/mapbox-gl.css';
 @import '~scss/init_bulma.scss';
-
 @import '../node_modules/bulma-slider/dist/css/bulma-slider.sass';
 @import '../node_modules/bulma-checkradio/dist/css/bulma-checkradio.sass';
 @import '../node_modules/bulma-tooltip/dist/css/bulma-tooltip.sass';
-
 @import '../node_modules/hamburgers/_sass/hamburgers/hamburgers.scss';
 
-
 html,
 body {
   height: 100%;
@@ -66,15 +63,6 @@ h5,
   margin-bottom: $size-4;
 }
 
-.Apploader .logo {
-  color: white;
-
-  span {
-    color: $tomato-color;
-    font-size: unset;
-  }
-}
-
 // Hamburger
 .hamburger-inner::before {
   width: 15px;
@@ -86,7 +74,6 @@ h5,
   }
 }
 
-
 .navbar {
   font-size: $size-6;
 }
@@ -137,7 +124,7 @@ a:not(.button).link-2 {
 }
 
 a:not(.button).link-without-decoration,
-.dropdown a {
+.dropdown a { /* stylelint-disable-line */
   color: $brand-color;
   text-decoration: none;
 
@@ -146,7 +133,6 @@ a:not(.button).link-without-decoration,
   }
 }
 
-
 .active-link {
   color: $tomato-color;
 }
@@ -191,44 +177,6 @@ a:not(.button).link-without-decoration,
   }
 }
 
-.categories-icons {
-  &.active {
-    rect {
-      fill: orange;
-    }
-
-    path {
-      fill: orange;
-    }
-
-    .cls-2 {
-      fill: orange;
-      stroke-width: 0.5px !important;
-    }
-  }
-
-  // stroke-width: 1px !important;
-  .cls-1 {
-    stroke-width: 0.5px !important;
-    fill: none;
-    // stroke:orange;
-  }
-
-  svg {
-    overflow: visible;
-    width: 1.25rem;
-    height: 1.25rem;
-
-    path {
-      fill: none;
-    }
-
-    rect {
-      fill: none;
-    }
-  }
-}
-
 .btn-blue-text {
   background: transparent;
   border-radius: 2px;