Merge 0f66110cfb into f5015ac0d7

.stylelintrc.json

@@ -1,57 +1,75 @@
 {
+	"extends": "stylelint-config-standard-scss",
 	"rules": {
+		"alpha-value-notation": "number",
+		"at-rule-empty-line-before": null,
 		"color-hex-case": "lower",
 		"color-no-invalid-hex": true,
-
+		"declaration-block-no-redundant-longhand-properties": null,
+    "declaration-empty-line-before": null,
+    "no-duplicate-selectors": null,
 		"function-calc-no-unspaced-operator": true,
+		"function-comma-newline-after": null,
 		"function-comma-space-after": "always-single-line",
 		"function-comma-space-before": "never",
+		"function-max-empty-lines": 1,
 		"function-name-case": "lower",
+		"function-parentheses-newline-inside": null,
 		"function-url-quotes": "always",
 		"function-whitespace-after": "always",
-
+		"indentation": [
-    "number-leading-zero": "always",
+			2,
-    "number-no-trailing-zeros": true,
+			{ "indentInsideParens": "once-at-root-twice-in-block" }
+		],
+		"max-empty-lines": 2,
+		"no-empty-source": null,
+		"number-leading-zero": null,
+		"number-no-trailing-zeros": null,
 		"length-zero-no-unit": true,
-
+    "property-no-vendor-prefix": null,
+		"rule-empty-line-before": null,
+		"scss/at-mixin-argumentless-call-parentheses": null,
+		"scss/at-import-partial-extension": null,
+		"scss/dollar-variable-empty-line-before": null,
+		"scss/double-slash-comment-empty-line-before": null,
+    "selector-attribute-quotes": "always",
+		"selector-class-pattern": null,
+    "selector-list-comma-newline-after": null,
+    "selector-type-no-unknown": [
+      true,
+      { "ignoreTypes": ["/^nb-/", "/^ngx-/", "router-outlet", "chart", "agm-map", "search-input"  ]}
+    ],
 		"string-no-newline": true,
 		"string-quotes": "single",
-
 		"unit-case": "lower",
 		"unit-no-unknown": true,
-    "unit-whitelist": ["px", "%", "deg", "ms", "em", "vh", "vw", "s", "rem"],
+		"unit-allowed-list": [ "px", "%", "deg", "ms", "em", "vh", "vw", "s", "rem" ],
-
 		"value-list-comma-space-after": "always-single-line",
 		"value-list-comma-space-before": "never",
-
+		"value-list-max-empty-lines": 1,
 		"shorthand-property-no-redundant-values": true,
-
 		"property-case": "lower",
-
+		"declaration-block-no-duplicate-properties": [
-    "declaration-block-no-duplicate-properties": [ true, {
+			true,
-      "ignore": ["consecutive-duplicates-with-different-values"]
+			{ "ignore": [ "consecutive-duplicates-with-different-values" ] }
-    }],
+		],
 		"declaration-block-trailing-semicolon": "always",
 		"declaration-block-single-line-max-declarations": 1,
 		"declaration-block-semicolon-space-before": "never",
 		"declaration-block-semicolon-space-after": "always-single-line",
 		"declaration-block-semicolon-newline-before": "never-multi-line",
 		"declaration-block-semicolon-newline-after": "always-multi-line",
-    "declaration-property-value-blacklist": [
+		"declaration-property-value-disallowed-list": [
 			{ "/.*/": [ "initial" ] },
 			{ "message": "The `initial` value is not supported in IE." }
 		],
-
 		"block-closing-brace-newline-after": [
 			"always",
-      {
+			{ "ignoreAtRules": [ "if", "else" ] }
-        "ignoreAtRules": ["if", "else"]
-      }
 		],
 		"block-closing-brace-newline-before": "always-multi-line",
 		"block-opening-brace-newline-after": "always-multi-line",
 		"block-opening-brace-space-before": "always-multi-line",
-
 		"selector-attribute-brackets-space-inside": "never",
 		"selector-attribute-operator-space-after": "never",
 		"selector-attribute-operator-space-before": "never",
@@ -61,14 +79,14 @@
 		"selector-pseudo-class-parentheses-space-inside": "never",
 		"selector-pseudo-element-case": "lower",
 		"selector-pseudo-element-colon-notation": "double",
-    "selector-pseudo-element-no-unknown": [true, {
+		"selector-pseudo-element-no-unknown": [
-      "ignorePseudoElements": ["ng-deep"]
+			true,
-    }],
+			{ "ignorePseudoElements": [ "ng-deep" ] }
+		],
 		"selector-type-case": "lower",
 		"selector-max-id": 0,
-
 		"no-missing-end-of-source-newline": true,
-
+		"no-eol-whitespace": null,
 		"max-line-length": 120
 	}
 }

package.json

@@ -102,7 +102,8 @@
     "npm-run-all": "4.0.2",
     "protractor": "~7.0.0",
     "rimraf": "2.6.1",
-    "stylelint": "7.13.0",
+    "stylelint": "^14.5.0",
+    "stylelint-config-standard-scss": "^3.0.0",
     "ts-node": "3.2.2",
     "tslint": "~6.1.0",
     "tslint-language-service": "^0.9.9",

src/app/@theme/styles/styles.scss

@@ -30,4 +30,4 @@
   @include ngx-pace-theme();
 
   @include nb-overrides();
-};
+}

src/app/pages/dashboard/security-cameras/security-cameras.component.scss

@@ -73,7 +73,7 @@
     position: relative;
 
     &::before {
-      background-color: rgba(255, 255, 255, 0.1);
+      background-color: rgb(255 255 255 / 0.1);
       content: '';
       position: absolute;
       width: 100%;

src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss

@@ -25,15 +25,6 @@
     margin: 0 nb-theme(card-padding);
   }
 
-  .delta {
-    &.up .direction {
-      color: nb-theme(color-success-default);
-    }
-    &.down .direction {
-      color: nb-theme(color-danger-default);
-    }
-  }
-
   .delta {
     position: absolute;
     display: inline-block;
@@ -41,6 +32,13 @@
     right: 0;
     @include nb-rtl(left, 0);
     @include nb-rtl(right, auto);
+
+    &.up .direction {
+      color: nb-theme(color-success-default);
+    }
+    &.down .direction {
+      color: nb-theme(color-danger-default);
+    }
   }
 
   ngx-earning-live-update-chart {

src/app/pages/extra-components/chat/chat.component.scss

@@ -12,7 +12,6 @@
   nb-chat {
     margin: 3rem auto 0;
     width: 500px;
-
   }
 
   .chat-container {

src/app/pages/ui-features/grid/grid.component.scss

@@ -6,7 +6,7 @@
       margin: -0.5rem;
     }
 
-    div[class^=col-] {
+    div[class^='col-'] {
       padding: 0.5rem;
       box-sizing: border-box;