diff --git a/.stylelintrc.json b/.stylelintrc.json index 6406383..0ad0b30 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -1,5 +1,8 @@ { - "extends": "stylelint-config-sass-guidelines", + "extends": [ + "stylelint-config-sass-guidelines", + "stylelint-config-idiomatic-order" + ], "ignoreFiles": [ "**/vendor/*.css", "**/vendor/**/*.css", @@ -15,6 +18,7 @@ "indentation": 4, "string-quotes": "double", "selector-max-id": null, - "color-no-invalid-hex": true + "color-no-invalid-hex": true, + "order/properties-alphabetical-order": null } } diff --git a/package-lock.json b/package-lock.json index cecbb39..1568933 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,7 +4,6 @@ "requires": true, "packages": { "": { - "name": "supportweb", "devDependencies": { "@fortawesome/fontawesome-svg-core": "^6.1.2", "@fortawesome/free-brands-svg-icons": "^6.1.2", @@ -41,6 +40,7 @@ "sass": "^1.52.1", "sass-loader": "^12.6.0", "stylelint": "^14.11.0", + "stylelint-config-idiomatic-order": "^8.1.0", "stylelint-config-sass-guidelines": "^9.0.1", "stylelint-webpack-plugin": "^3.3.0", "sweetalert2": "^11.4.16", @@ -10473,6 +10473,71 @@ "url": "https://opencollective.com/stylelint" } }, + "node_modules/stylelint-config-idiomatic-order": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-8.1.0.tgz", + "integrity": "sha512-iTPY6JjbkIdzy+21x3a1xi/tG33zKhLJb6lZl1xg6jZrXjgIYelnRZ5xVtbcEP9rElxZq/Zu1eGthfvI+ri+YQ==", + "dev": true, + "dependencies": { + "stylelint-order": "^3.1.1" + }, + "peerDependencies": { + "stylelint": ">=11" + } + }, + "node_modules/stylelint-config-idiomatic-order/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "node_modules/stylelint-config-idiomatic-order/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + } + }, + "node_modules/stylelint-config-idiomatic-order/node_modules/postcss-sorting": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-5.0.1.tgz", + "integrity": "sha512-Y9fUFkIhfrm6i0Ta3n+89j56EFqaNRdUKqXyRp6kvTcSXnmgEjaVowCXH+JBe9+YKWqd4nc28r2sgwnzJalccA==", + "dev": true, + "dependencies": { + "lodash": "^4.17.14", + "postcss": "^7.0.17" + }, + "engines": { + "node": ">=8.7.0" + } + }, + "node_modules/stylelint-config-idiomatic-order/node_modules/stylelint-order": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-3.1.1.tgz", + "integrity": "sha512-4gP/r8j/6JGZ/LL41b2sYtQqfwZl4VSqTp7WeIwI67v/OXNQ08dnn64BGXNwAUSgb2+YIvIOxQaMzqMyQMzoyQ==", + "dev": true, + "dependencies": { + "lodash": "^4.17.15", + "postcss": "^7.0.17", + "postcss-sorting": "^5.0.1" + }, + "engines": { + "node": ">=8.7.0" + }, + "peerDependencies": { + "stylelint": ">=10.0.1" + } + }, "node_modules/stylelint-config-sass-guidelines": { "version": "9.0.1", "resolved": "https://registry.npmjs.org/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-9.0.1.tgz", @@ -11037,7 +11102,6 @@ "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==", "dev": true, "dependencies": { - "@jridgewell/source-map": "^0.3.2", "@jridgewell/source-map": "^0.3.2", "acorn": "^8.5.0", "commander": "^2.20.0", @@ -13590,29 +13654,6 @@ } } }, - "@jridgewell/source-map": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz", - "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==", - "dev": true, - "requires": { - "@jridgewell/gen-mapping": "^0.3.0", - "@jridgewell/trace-mapping": "^0.3.9" - }, - "dependencies": { - "@jridgewell/gen-mapping": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", - "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", - "dev": true, - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } - } - } - }, "@jridgewell/sourcemap-codec": { "version": "1.4.14", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", @@ -20190,6 +20231,54 @@ } } }, + "stylelint-config-idiomatic-order": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-8.1.0.tgz", + "integrity": "sha512-iTPY6JjbkIdzy+21x3a1xi/tG33zKhLJb6lZl1xg6jZrXjgIYelnRZ5xVtbcEP9rElxZq/Zu1eGthfvI+ri+YQ==", + "dev": true, + "requires": { + "stylelint-order": "^3.1.1" + }, + "dependencies": { + "picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "requires": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + } + }, + "postcss-sorting": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-5.0.1.tgz", + "integrity": "sha512-Y9fUFkIhfrm6i0Ta3n+89j56EFqaNRdUKqXyRp6kvTcSXnmgEjaVowCXH+JBe9+YKWqd4nc28r2sgwnzJalccA==", + "dev": true, + "requires": { + "lodash": "^4.17.14", + "postcss": "^7.0.17" + } + }, + "stylelint-order": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-3.1.1.tgz", + "integrity": "sha512-4gP/r8j/6JGZ/LL41b2sYtQqfwZl4VSqTp7WeIwI67v/OXNQ08dnn64BGXNwAUSgb2+YIvIOxQaMzqMyQMzoyQ==", + "dev": true, + "requires": { + "lodash": "^4.17.15", + "postcss": "^7.0.17", + "postcss-sorting": "^5.0.1" + } + } + } + }, "stylelint-config-sass-guidelines": { "version": "9.0.1", "resolved": "https://registry.npmjs.org/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-9.0.1.tgz", @@ -20415,7 +20504,6 @@ "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==", "dev": true, "requires": { - "@jridgewell/source-map": "^0.3.2", "@jridgewell/source-map": "^0.3.2", "acorn": "^8.5.0", "commander": "^2.20.0", diff --git a/package.json b/package.json index 180f7d5..489110e 100644 --- a/package.json +++ b/package.json @@ -50,6 +50,7 @@ "sass": "^1.52.1", "sass-loader": "^12.6.0", "stylelint": "^14.11.0", + "stylelint-config-idiomatic-order": "^8.1.0", "stylelint-config-sass-guidelines": "^9.0.1", "stylelint-webpack-plugin": "^3.3.0", "sweetalert2": "^11.4.16", diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 3ac3244..bc81ef1 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -24,8 +24,8 @@ body { // FOOTER body { - min-height: calc(100vh); position: relative; + min-height: calc(100vh); } #app { @@ -33,8 +33,8 @@ body { } #footer { - bottom: 0; - height: 4.5rem; position: absolute; + bottom: 0; width: 100%; + height: 4.5rem; } diff --git a/resources/sass/bootstrap.scss b/resources/sass/bootstrap.scss index 7310c2f..2e05970 100644 --- a/resources/sass/bootstrap.scss +++ b/resources/sass/bootstrap.scss @@ -8,16 +8,16 @@ // OVERLOAD BOOTSTRAP .btn-xs, .btn-group-xs > .btn { + padding: 0.1rem 0.4rem; border-radius: 0.3rem; font-size: 0.8rem; - padding: 0.1rem 0.4rem; } // Tickets Labels .ticket-index-labels { - -webkit-box-orient: vertical; display: box; - -webkit-line-clamp: 2; - max-width: 15rem; overflow: hidden; + max-width: 15rem; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; }