Replace abandoned sass-lint with styelint

gulpfile.js

@@ -6,7 +6,7 @@ var flatten = require('gulp-flatten');
 var pump = require('pump');
 var sass = require('gulp-sass');
 var sassGlob = require('gulp-sass-glob');
-var sassLint = require('gulp-sass-lint');
+var styleLint = require('gulp-stylelint');
 var spawn = require('child_process').spawn;
 
 var config = require('./gulpfile.config.js');
@@ -93,18 +93,30 @@ function lint(cb) {
 
     pump([
         gulp.src(config.watchConfig.stylesGlob),
-        sassLint({
-            rules: {
-                'declarations-before-nesting': 1,
-                'indentation': [ 1, { 'size': 4 } ],
-                'no-ids': 0,
-                'no-vendor-prefixes': 2,
-                'placeholder-in-extend': 0,
-                'property-sort-order': 0
-            }
-        }),
-        sassLint.format(),
-        sassLint.failOnError()
+        styleLint({
+            config: {
+                extends: 'stylelint-config-recommended-scss',
+                plugins: [
+                    'stylelint-order',
+                    'stylelint-scss'
+                ],
+                rules: {
+                    'at-rule-no-vendor-prefix': true,
+                    'indentation': 4,
+                    'media-feature-name-no-vendor-prefix': true,
+                    'order/order': [
+                        'declarations',
+                        'rules'
+                    ],
+                    'property-no-vendor-prefix': true,
+                    'selector-no-vendor-prefix': true,
+                    'value-no-vendor-prefix': true
+                }
+            },
+            reporters: [
+                { formatter: 'string', console: true }
+            ]
+        })
     ], cb);
 }
 gulp.task('lint', lint);

package.json

@@ -16,15 +16,20 @@
     "gulp-flatten": "^0.4.0",
     "gulp-sass": "^4.0.2",
     "gulp-sass-glob": "^1.1.0",
-    "gulp-sass-lint": "^1.4.0",
     "gulp-spawn": "^0.4.4",
+    "gulp-stylelint": "^10.0.0",
     "gulp-uglify": "^3.0.2",
     "jquery": "^3.4.1",
     "moment": "^2.24.0",
     "plotly.js": "^1.51.1",
     "popper.js": "^1.16.0",
     "pump": "^3.0.0",
+    "stylelint": "^11.1.1",
+    "stylelint-config-recommended-scss": "^4.0.0",
+    "stylelint-order": "^3.1.1",
+    "stylelint-scss": "^3.12.1",
     "tempusdominus-bootstrap-4": "^5.1.2",
     "tempusdominus-core": "^5.0.3"
-  }
+  },
+  "dependencies": {}
 }