build: stylelint v15

Author: autowp

.stylelintrc.json

@@ -1,9 +1,7 @@
 {
   "extends": [
     "stylelint-config-standard",
-    "stylelint-config-prettier",
-    "stylelint-config-standard-scss",
-    "stylelint-config-prettier-scss"
+    "stylelint-config-standard-scss"
   ],
   "rules": {
     "no-descending-specificity": null

package.json

@@ -11,7 +11,7 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/architect": "^0.1500.2",
+    "@angular-devkit/architect": "^0.1502.0",
     "@angular-devkit/build-angular": "^15.0.2",
     "@angular/animations": "^15.0.2",
     "@angular/cdk": "^15.0.1",
@@ -90,11 +90,9 @@
     "prettier": "^2.8.1",
     "prettier-eslint": "^15.0.1",
     "showdown": "^2.1.0",
-    "stylelint": "^14.16.1",
-    "stylelint-config-prettier": "^9.0.4",
-    "stylelint-config-prettier-scss": "^0.0.1",
-    "stylelint-config-standard": "^29.0.0",
-    "stylelint-config-standard-scss": "^6.1.0",
+    "stylelint": "^15",
+    "stylelint-config-standard": "^30",
+    "stylelint-config-standard-scss": "^7",
     "ts-node": "^10.9.1",
     "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.7.0",

src/app/articles/list/list.component.scss

@@ -9,12 +9,12 @@
     border: 1px #666 solid
   }
 
-  img[align=left] {
+  img[align="left"] {
     float: left;
     margin: 10px 10px 10px 0;
   }
 
-  img[align=right] {
+  img[align="right"] {
     float: left;
     margin: 10px 0 10px 10px;
   }

src/app/index/donate/donate.component.scss

@@ -5,9 +5,11 @@
 
 .crypto-wallets {
   font-size: 0.9rem;
+
   @include media-breakpoint-down(lg) {
     font-size: 0.7rem;
   }
+
   @include media-breakpoint-down(sm) {
     font-size: 1rem;
   }

src/app/moder/items/item-meta-form/styles.scss

@@ -11,6 +11,7 @@
   .btn {
     img {
       opacity: .5;
+
       @include transition(opacity .2s);
     }
 

src/app/styles.scss

@@ -1,6 +1,5 @@
 // Core variables and mixins
 @import './bootstrap';
-
 @import 'bootstrap-icons/font/bootstrap-icons';
 
 app-index {
@@ -27,6 +26,7 @@ app-index {
   &:hover {
     path {
       fill: $color-white;
+
       @include transition(fill 0.2s);
     }
   }
@@ -154,6 +154,7 @@ img#picture-to-crop {
     .photo {
       width: 70px;
       float: left;
+
       @include media-breakpoint-down(sm) {
         display: none;
       }

src/app/variables.scss

@@ -1,9 +1,9 @@
 
-$body-bg:               #EDE9DE;
-$link-color:            #0D74C4;
-$link-hover-color:      #F60;
-$link-decoration:       none;
-$icon-font-path:          "/fonts/";
+$body-bg: #EDE9DE;
+$link-color: #0D74C4;
+$link-hover-color: #F60;
+$link-decoration: none;
+$icon-font-path: "/fonts/";
 $color-white: #fff;
 $input-bg: #fff;
 $breadcrumb-bg: #e9ecef;