add stylelint-stylistic (#25285)

Add [stylelint-stylistic](https://github.com/elirasza/stylelint-stylistic), autofix all issues with two manual tweaks. This restores all the stylistic rules removed in Stylelint 15.
2025-11-04 08:30:25 +08:00 · 2023-06-17 15:20:32 +02:00
parent 69b1e2f103
commit 3ee8970419
13 changed files with 108 additions and 27 deletions
--- a/.stylelintrc.yaml
+++ b/.stylelintrc.yaml
@@ -1,5 +1,6 @@
 plugins:
  - stylelint-declaration-strict-value
+  - stylelint-stylistic

 ignoreFiles:
  - "**/*.go"
@@ -132,6 +133,82 @@ rules:
  selector-type-no-unknown: [true, {ignore: [custom-elements]}]
  shorthand-property-no-redundant-values: true
  string-no-newline: true
+  stylistic/at-rule-name-case: null
+  stylistic/at-rule-name-newline-after: null
+  stylistic/at-rule-name-space-after: null
+  stylistic/at-rule-semicolon-newline-after: null
+  stylistic/at-rule-semicolon-space-before: null
+  stylistic/block-closing-brace-empty-line-before: null
+  stylistic/block-closing-brace-newline-after: null
+  stylistic/block-closing-brace-newline-before: null
+  stylistic/block-closing-brace-space-after: null
+  stylistic/block-closing-brace-space-before: null
+  stylistic/block-opening-brace-newline-after: null
+  stylistic/block-opening-brace-newline-before: null
+  stylistic/block-opening-brace-space-after: null
+  stylistic/block-opening-brace-space-before: null
+  stylistic/color-hex-case: lower
+  stylistic/declaration-bang-space-after: never
+  stylistic/declaration-bang-space-before: null
+  stylistic/declaration-block-semicolon-newline-after: null
+  stylistic/declaration-block-semicolon-newline-before: null
+  stylistic/declaration-block-semicolon-space-after: null
+  stylistic/declaration-block-semicolon-space-before: never
+  stylistic/declaration-block-trailing-semicolon: null
+  stylistic/declaration-colon-newline-after: null
+  stylistic/declaration-colon-space-after: null
+  stylistic/declaration-colon-space-before: never
+  stylistic/function-comma-newline-after: null
+  stylistic/function-comma-newline-before: null
+  stylistic/function-comma-space-after: null
+  stylistic/function-comma-space-before: null
+  stylistic/function-max-empty-lines: 0
+  stylistic/function-parentheses-newline-inside: never-multi-line
+  stylistic/function-parentheses-space-inside: null
+  stylistic/function-whitespace-after: null
+  stylistic/indentation: 2
+  stylistic/linebreaks: null
+  stylistic/max-empty-lines: 1
+  stylistic/max-line-length: null
+  stylistic/media-feature-colon-space-after: null
+  stylistic/media-feature-colon-space-before: never
+  stylistic/media-feature-name-case: null
+  stylistic/media-feature-parentheses-space-inside: null
+  stylistic/media-feature-range-operator-space-after: always
+  stylistic/media-feature-range-operator-space-before: always
+  stylistic/media-query-list-comma-newline-after: null
+  stylistic/media-query-list-comma-newline-before: null
+  stylistic/media-query-list-comma-space-after: null
+  stylistic/media-query-list-comma-space-before: null
+  stylistic/no-empty-first-line: null
+  stylistic/no-eol-whitespace: true
+  stylistic/no-extra-semicolons: true
+  stylistic/no-missing-end-of-source-newline: null
+  stylistic/number-leading-zero: null
+  stylistic/number-no-trailing-zeros: null
+  stylistic/property-case: lower
+  stylistic/selector-attribute-brackets-space-inside: null
+  stylistic/selector-attribute-operator-space-after: null
+  stylistic/selector-attribute-operator-space-before: null
+  stylistic/selector-combinator-space-after: null
+  stylistic/selector-combinator-space-before: null
+  stylistic/selector-descendant-combinator-no-non-space: null
+  stylistic/selector-list-comma-newline-after: null
+  stylistic/selector-list-comma-newline-before: null
+  stylistic/selector-list-comma-space-after: always-single-line
+  stylistic/selector-list-comma-space-before: never-single-line
+  stylistic/selector-max-empty-lines: 0
+  stylistic/selector-pseudo-class-case: lower
+  stylistic/selector-pseudo-class-parentheses-space-inside: never
+  stylistic/selector-pseudo-element-case: lower
+  stylistic/string-quotes: double
+  stylistic/unicode-bom: null
+  stylistic/unit-case: lower
+  stylistic/value-list-comma-newline-after: null
+  stylistic/value-list-comma-newline-before: null
+  stylistic/value-list-comma-space-after: null
+  stylistic/value-list-comma-space-before: null
+  stylistic/value-list-max-empty-lines: 0
  time-min-milliseconds: null
  unit-allowed-list: null
  unit-disallowed-list: null
--- a/package-lock.json
+++ b/package-lock.json
@@ -76,6 +76,7 @@
        "postcss-html": "1.5.0",
        "stylelint": "15.7.0",
        "stylelint-declaration-strict-value": "1.9.2",
+        "stylelint-stylistic": "0.4.2",
        "svgo": "3.0.2",
        "updates": "14.1.1",
        "vitest": "0.32.0"
@@ -9789,6 +9790,21 @@
        "stylelint": ">=7 <=15"
      }
    },
+    "node_modules/stylelint-stylistic": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/stylelint-stylistic/-/stylelint-stylistic-0.4.2.tgz",
+      "integrity": "sha512-WF/fLvotTklG8LZ+fO0nxhu5swVENHhSat2l5ckrmtXpij1P9ybYa56XivOg/E02CH+Ygui5pd2hQrlli3NCDQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.4.21",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-value-parser": "^4.2.0",
+        "style-search": "^0.1.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^15.0.0"
+      }
+    },
    "node_modules/stylelint/node_modules/balanced-match": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
    "postcss-html": "1.5.0",
    "stylelint": "15.7.0",
    "stylelint-declaration-strict-value": "1.9.2",
+    "stylelint-stylistic": "0.4.2",
    "svgo": "3.0.2",
    "updates": "14.1.1",
    "vitest": "0.32.0"
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1573,7 +1573,7 @@ img.ui.avatar,
  position: absolute;
  display: block;
  background: linear-gradient(to right, var(--color-header-wrapper-transparent), var(--color-header-wrapper) 100%);
-  content: '';
+  content: "";
  right: 0;
  height: 39px;
  width: 60px;
@@ -2168,7 +2168,6 @@ table th[data-sortt-desc] .svg {
  background: var(--color-secondary-dark-1) !important;
 }

-
 /* https://github.com/go-gitea/gitea/pull/11486 */
 .ui.sub.header {
  text-transform: none;
--- a/web_src/css/features/imagediff.css
+++ b/web_src/css/features/imagediff.css
@@ -50,11 +50,7 @@
  overflow: hidden;
 }

-.image-diff-container
-  .diff-swipe
-  .swipe-frame
-  .swipe-container
-  .after-container {
+.image-diff-container .diff-swipe .swipe-frame .swipe-container .after-container {
  position: absolute;
  right: 0;
 }
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -40,7 +40,6 @@ Gitea's private styles use `g-` prefix.
  text-overflow: ellipsis !important;
 }

-
 .g-table-auto-ellipsis td.auto-ellipsis {
  position: relative;
 }
--- a/web_src/css/modules/button.css
+++ b/web_src/css/modules/button.css
@@ -95,7 +95,6 @@ a.btn:hover {
  background: var(--color-hover);
 }

-
 .ui.basic.buttons .button:active,
 .ui.basic.button:active,
 .ui.basic.buttons .active.button,
--- a/web_src/css/modules/normalize.css
+++ b/web_src/css/modules/normalize.css
@@ -144,9 +144,9 @@ Correct the inability to style clickable types in iOS and Safari.
 */

 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+[type="button"],
+[type="reset"],
+[type="submit"] {
  -webkit-appearance: button;
 }

@@ -206,7 +206,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
 2. Correct the outline style in Safari.
 */

-[type='search'] {
+[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
 }
--- a/web_src/css/modules/select.css
+++ b/web_src/css/modules/select.css
@@ -13,7 +13,7 @@
  top: 12px;
  right: 8px;
  pointer-events: none;
-  content: '';
+  content: "";
  width: 14px;
  height: 14px;
  mask-size: cover;
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -1844,7 +1844,6 @@
  border: none;
 }

-
@media (max-width: 991.98px) {
  .diff-file-box {
    scroll-margin-top: 77px; /* match .repository .diff-detail-box */
@@ -1854,9 +1853,9 @@
 /* TODO: this can potentially be made "global" by removing the class prefix */
 .diff-file-box .ui.attached.header,
 .diff-file-box .ui.attached.table {
-  margin: 0; /* remove fomantic negative margins */;
-  width: initial; /* remove fomantic over 100% width */;
-  max-width: initial; /* remove fomantic over 100% width */;
+  margin: 0; /* remove fomantic negative margins */
+  width: initial; /* remove fomantic over 100% width */
+  max-width: initial; /* remove fomantic over 100% width */
 }

 .repository .diff-stats {
@@ -1908,7 +1907,6 @@
  flex: 1
 }

-
 .repository.packages .empty {
  padding-top: 70px;
  padding-bottom: 100px;
--- a/web_src/css/review.css
+++ b/web_src/css/review.css
@@ -95,11 +95,7 @@
  .comment-code-cloud .comments .comment {
    display: flex;
  }
-  .comment-code-cloud
-    .comments
-    .comment
-    .comment-header-right.actions
-    .ui.basic.label {
+  .comment-code-cloud .comments .comment .comment-header-right.actions .ui.basic.label {
    display: none;
  }
  .comment-code-cloud .comments .comment .avatar {
--- a/web_src/css/shared/settings.css
+++ b/web_src/css/shared/settings.css
@@ -21,7 +21,7 @@ details.toggleable-item summary::-webkit-details-marker /* Safari */ {

 details.toggleable-item summary::after {
  transition: transform 0.25s ease;
-  content: '';
+  content: "";
  width: 14px;
  height: 14px;
  mask-size: cover;