Fix stylelint config & checks

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

.stylelintrc

@@ -0,0 +1,35 @@
+{
+	"extends": "stylelint-config-recommended-scss",
+	"rules": {
+		"indentation": "tab",
+		"selector-type-no-unknown": null,
+		"number-leading-zero": null,
+		"rule-empty-line-before": [
+			"always",
+			{
+				"ignore": [
+				  "after-comment", "inside-block"
+				]
+			}
+		],
+		"declaration-empty-line-before": [
+			"never",
+			{
+				"ignore": [
+				  "after-declaration"
+				]
+			}
+		],
+		"comment-empty-line-before": null,
+		"selector-type-case": null,
+		"selector-list-comma-newline-after": null,
+		"no-descending-specificity": null,
+		"string-quotes": "single"
+	},
+	"plugins": [
+	  "stylelint-scss"
+	],
+	"ignoreFiles": [
+	  "css/public/*"
+	]
+}

.stylelintrc.js

@@ -1,26 +0,0 @@
-module.exports = {
-	extends: 'stylelint-config-recommended-scss',
-	rules: {
-		indentation: 'tab',
-		'selector-type-no-unknown': null,
-		'number-leading-zero': null,
-		'rule-empty-line-before': [
-			'always',
-			{
-				ignore: ['after-comment', 'inside-block']
-			}
-		],
-		'declaration-empty-line-before': [
-			'never',
-			{
-				ignore: ['after-declaration']
-			}
-		],
-		'comment-empty-line-before': null,
-		'selector-type-case': null,
-		'selector-list-comma-newline-after': null,
-		'no-descending-specificity': null,
-		'string-quotes': 'single'
-	},
-	plugins: ['stylelint-scss']
-}

css/calendarlist.scss

@@ -28,7 +28,6 @@
 
 	// This is used for the Datepicker, the view buttons and the today button
 	.button-group {
-
 		display: flex;
 		margin: 0 5px;
 		width: calc(100% - 10px);
@@ -185,7 +184,6 @@
 			}
 
 			div.sharing-section {
-
 				box-shadow: inset 4px 0 var(--color-primary);
 				padding-left: 12px;
 				padding-right: 12px;

css/datepicker.scss

@@ -87,16 +87,13 @@
 	border-radius: 0;
 	border-top: 0;
 	border-left: 0;
+	max-width: 34px; /* Hack for Firefox for overflowing tables */
 }
 
 #datepicker table tbody tr td button {
 	border: none;
 }
 
-#datepicker table tbody button {
-	max-width: 34px; /* Hack for Firefox for overflowing tables */
-}
-
 #datepicker table tbody button.active {
 	border-radius: 50%;
 	background-color: $color-primary;

css/eventdialog.scss

@@ -219,8 +219,8 @@
 
 /* Primary action button, use sparingly */
 .delete,
-input[type="submit"].delete,
-input[type="button"].delete,
+input[type='submit'].delete,
+input[type='button'].delete,
 button.delete,
 .button.delete {
 	border: 1px solid #c60000;

package.json

@@ -87,10 +87,10 @@
 		"node-sass": "^4.11.0",
 		"prettier-eslint": "^8.8.2",
 		"sass-loader": "^7.1.0",
-		"stylelint": "^8.4.0",
+		"stylelint": "^9.10.1",
+		"stylelint-bare-webpack-plugin": "^1.0.2",
 		"stylelint-config-recommended-scss": "^3.2.0",
 		"stylelint-scss": "^3.5.4",
-		"stylelint-webpack-plugin": "^0.10.5",
 		"vue-jest": "^3.0.4",
 		"vue-loader": "^15.7.0",
 		"vue-template-compiler": "^2.6.10",

webpack.common.js

@@ -1,7 +1,7 @@
 const path = require('path')
 const webpack = require('webpack')
 const { VueLoaderPlugin } = require('vue-loader')
-const StyleLintPlugin = require('stylelint-webpack-plugin')
+const StylelintBarePlugin = require('stylelint-bare-webpack-plugin')
 
 module.exports = {
 	entry: path.join(__dirname, 'src', 'main.js'),
@@ -47,7 +47,8 @@ module.exports = {
 	plugins: [
 		new VueLoaderPlugin(),
 		// new StyleLintPlugin(),
-		new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
+		new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+		new StylelintBarePlugin()
 	],
 	resolve: {
 		alias: {