Lint scss sources #10

.stylelintrc

@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "stylelint-scss"
+  ],
+  "extends": "stylelint-config-recommended",
+  "rules": {
+    "at-rule-no-unknown": null
+  }
+}

app/styles/component-styles/core/loader-component.scss

@@ -3,6 +3,7 @@
   width: 64px;
   height: 64px;
 }
+
 .lds-dual-ring:after {
   content: " ";
   display: block;
@@ -15,10 +16,12 @@
   border-color: #252525 transparent #252525 transparent;
   animation: lds-dual-ring 1.2s linear infinite;
 }
+
 @keyframes lds-dual-ring {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }

app/styles/component-styles/object-card.scss

@@ -49,9 +49,7 @@
 }
 
 .header-wrapper {
-  background-size: cover;
-  background-clip: border-box;
-  background: url('http://europeya.ru.opt-images.1c-bitrix-cdn.ru/upload/medialibrary/78e/78e62266dbe348925c434101403e1219.jpg?1481011582195555') center;
+  background: url('http://europeya.ru.opt-images.1c-bitrix-cdn.ru/upload/medialibrary/78e/78e62266dbe348925c434101403e1219.jpg?') center;
   overflow: hidden;
 
   height: $grid-step * 10;

app/styles/component-styles/sensor-card.scss

@@ -6,7 +6,7 @@
   &__bar-chart {
     height: 2px;
     width: 100%;
-    background: #000;
+    background: black;
   }
 
   display: flex;

app/styles/constants.scss

@@ -1,27 +1,27 @@
 $btn-neutral-bg-start: rgb(120, 160, 159);
 $btn-neutral-bg-end: rgb(97, 136, 135);
-$btn-neutral-color: rgb(255, 255, 255);
+$btn-neutral-color: white;
 
 $btn-warning-bg-start: rgb(172, 23, 35);
 $btn-warning-bg-end: rgb(155, 6, 26);
 $btn-warning-hov-bg-start: rgb(190, 24, 24);
 $btn-warning-hov-bg-end: rgb(179, 8, 8);
-$btn-warning-color: rgb(255, 255, 255);
+$btn-warning-color: white;
 
 $btn-ok-bg-start: rgb(23, 172, 166);
 $btn-ok-bg-end: rgb(6, 155, 151);
 $btn-ok-hov-bg-start: rgb(24, 190, 185);
 $btn-ok-hov-bg-end: rgb(8, 179, 173);
-$btn-ok-color: rgb(255, 255, 255);
+$btn-ok-color: white;
 
 $mark-ok-background: rgb(14, 188, 186);
-$mark-ok-color: rgb(255, 255, 255);
+$mark-ok-color: white;
 $mark-error-background: rgb(188, 14, 14);
-$mark-error-color: rgb(255, 255, 255);
+$mark-error-color: white;
 $object-card-header-ok-background: rgba(158, 214, 183, 0.85);
 $object-card-header-error-background: rgba(214, 158, 158, 0.85);
 $object-card-header-color: rgb(27, 27, 27);
-$object-card-body-background: rgb(255, 255, 255);
+$object-card-body-background: white;
 $object-card-footer-background: rgb(230, 236, 236);
 
 $font-inactive-color: rgb(141, 141, 141);

app/styles/grid.scss

@@ -106,26 +106,12 @@ $max-grid-size: 32;
   &-bottom {
     align-items: flex-end;
   }
-}
-
-.col-full {
-  @extend ._base_col;
 
-  flex: 1;
-  overflow: hidden;
-  box-sizing: border-box;
-}
+  &-full {
+    @extend ._base_col;
 
-.col {
-  &-top {
-    align-self: flex-start;
-  }
-
-  &-center {
-    align-self: center;
-  }
-
-  &-bottom {
-    align-self: flex-end;
+    flex: 1;
+    overflow: hidden;
+    box-sizing: border-box;
   }
 }

app/styles/typography.scss

@@ -17,7 +17,7 @@ body {
     border-radius: 50px;
     font-style: normal;
 
-    color: rgb(255, 255, 255);
+    color: white;
     background: rgb(14, 188, 186);
   }
 

package.json

@@ -12,9 +12,12 @@
   "repository": "",
   "scripts": {
     "build": "ember build",
-    "lint": "eslint app/ tests/ && ./node_modules/.bin/ember-template-lint app/templates/",
+    "lint": "npm run lint:js && npm run lint:hbs && npm run lint:scss",
+    "lint:js": "eslint app/ tests/",
+    "lint:hbs": "./node_modules/.bin/ember-template-lint app/templates/",
+    "lint:scss": "stylelint app/styles",
     "start": "ember serve",
-    "test": "ember test"
+    "test": "npm run lint && ember test"
   },
   "devDependencies": {
     "@ember-decorators/babel-transforms": "^2.0.2",
@@ -48,7 +51,9 @@
     "ember-welcome-page": "^3.0.0",
     "eslint": "^5.2.0",
     "eslint-config-google": "^0.9.1",
-    "loader.js": "^4.2.3"
+    "loader.js": "^4.2.3",
+    "stylelint": "^9.5.0",
+    "stylelint-scss": "^3.3.0"
   },
   "engines": {
     "node": "^4.5 || 6.* || >= 7.*"