style: 更新 stylelint 规则

.stylelintrc

@@ -1,14 +1,9 @@
 {
   "extends": [
     "stylelint-config-standard",
+    "stylelint-config-standard-scss",
     "stylelint-config-standard-vue/scss"
   ],
-  "overrides": [
-    {
-      "files": ["**/*.scss"],
-      "customSyntax": "postcss-scss"
-    }
-  ],
   "plugins": [
     "stylelint-scss"
   ],
@@ -18,6 +13,8 @@
     "property-no-unknown": null,
     "font-family-no-missing-generic-family-keyword": null,
     "selector-class-pattern": null,
-    "max-line-length": null
+    "max-line-length": null,
+    "scss/double-slash-comment-empty-line-before": null,
+    "scss/no-global-function-names": null
   }
 }

package.json

@@ -56,7 +56,6 @@
     "lint-staged": "^13.0.3",
     "plop": "^3.1.1",
     "postcss-html": "^1.5.0",
-    "postcss-scss": "^4.0.5",
     "sass": "^1.55.0",
     "stylelint": "^14.13.0",
     "stylelint-config-standard": "^28.0.0",

pnpm-lock.yaml

@@ -34,7 +34,6 @@ specifiers:
   pinia: ^2.0.22
   plop: ^3.1.1
   postcss-html: ^1.5.0
-  postcss-scss: ^4.0.5
   qs: ^6.11.0
   sass: ^1.55.0
   stylelint: ^14.13.0
@@ -102,7 +101,6 @@ devDependencies:
   lint-staged: 13.0.3
   plop: 3.1.1
   postcss-html: 1.5.0
-  postcss-scss: 4.0.5
   sass: 1.55.0
   stylelint: 14.13.0
   stylelint-config-standard: 28.0.0_stylelint@14.13.0

src/assets/styles/element-plus/dark.scss

@@ -6,5 +6,4 @@
     "overlay": #1d1e1f,
   )
 );
-
 @use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;

src/assets/styles/element-plus/index.scss

@@ -5,6 +5,5 @@
 //     )
 //   )
 // );
-
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";

src/assets/styles/resources/utils.scss

@@ -1,12 +1,10 @@
 // 文字超出隐藏，默认为单行超出隐藏，可设置多行
 @mixin text-overflow($line: 1, $fixed-width: true) {
-  @if ($line == 1 and $fixed-width == true) {
+  @if $line == 1 and $fixed-width == true {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-  }
-
-  @else {
+  } @else {
     /* stylelint-disable-next-line value-no-vendor-prefix */
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -19,17 +17,17 @@
 @mixin position-center($type: x) {
   position: absolute;
 
-  @if ($type == x) {
+  @if $type == x {
     left: 50%;
     transform: translateX(-50%);
   }
 
-  @if ($type == y) {
+  @if $type == y {
     top: 50%;
     transform: translateY(-50%);
   }
 
-  @if ($type == xy) {
+  @if $type == xy {
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);