Merge pull request #3734 from 343max/style-lint-quiet

fixed stylelint errors

.stylelintrc.json

@@ -1,22 +1,25 @@
 {
-  "extends": [
+  "extends": ["stylelint-config-html/vue", "stylelint-config-standard", "stylelint-config-prettier"],
-    "stylelint-config-html/vue",
+  "overrides": [
-    "stylelint-config-standard",
+    {
-    "stylelint-config-prettier"
+      "customSyntax": "postcss-scss",
+      "files": ["**/*.scss"]
+    }
   ],
   "rules": {
+    "alpha-value-notation": "number",
+    "color-function-notation": "legacy",
+    "color-hex-length": null,
+    "no-descending-specificity": null,
+    "no-empty-source": null,
+    "selector-class-pattern": "^(([a-z][a-zA-Z0-9_]+)|([a-z][a-z0-9]*)(-[a-zA-Z0-9_]+)*)$",
+    "selector-id-pattern": "^(([a-z][a-zA-Z0-9_]+)|([a-z][a-z0-9]*)(-[a-zA-Z0-9_]+)*)$",
     "selector-pseudo-class-no-unknown": [
       true,
       {
         "ignorePseudoClasses": ["deep"]
       }
     ],
-    "selector-class-pattern": "^(([a-z][a-zA-Z0-9_]+)|([a-z][a-z0-9]*)(-[a-zA-Z0-9_]+)*)$"
+    "shorthand-property-no-redundant-values": null
-  },
+  }
-  "overrides": [
-    {
-      "files": ["**/*.scss"],
-      "customSyntax": "postcss-scss"
-    }
-  ]
 }

src/renderer/App.vue

@@ -132,7 +132,7 @@ p {
   margin: 8px 0;
 }
 
-.clearfix:after {
+.clearfix::after {
   content: ' ';
   display: block;
   clear: both;

src/renderer/components/Preferences/Account.vue

@@ -173,6 +173,7 @@ export default defineComponent({
     }
   }
 
+  /* stylelint-disable-next-line selector-class-pattern */
   .action :deep(.svg-inline--fa) {
     padding-right: 4px;
   }

src/renderer/components/Settings.vue

@@ -119,6 +119,7 @@ export default defineComponent({
       height: 100%;
       user-select: none;
     }
+
     .setting-menu :deep(.icon) {
       margin-right: 9px;
     }

src/renderer/components/TimelineSpace.vue

@@ -172,6 +172,7 @@ export default defineComponent({
 #timeline_space {
   height: 100%;
 }
+
 .page {
   margin-left: 180px;
   height: 100%;

src/renderer/components/TimelineSpace/Modals/ImageViewer.vue

@@ -114,6 +114,7 @@ export default defineComponent({
 .image-viewer-leave-active {
   transition: opacity 0.5s;
 }
+
 .image-viewer-enter,
 .image-viewer-leave-to {
   opacity: 0;

src/renderer/components/TimelineSpace/Modals/NewToot.vue

@@ -556,8 +556,7 @@ export default defineComponent({
       .preview {
         box-sizing: border-box;
         display: flex;
-        flex-direction: row;
+        flex-flow: row wrap;
-        flex-wrap: wrap;
 
         .image-wrapper {
           position: relative;

src/renderer/components/TimelineSpace/SideMenu.vue

@@ -493,6 +493,7 @@ export default defineComponent({
         width: 18px;
       }
     }
+
     .menu-item * {
       vertical-align: middle;
     }
@@ -500,7 +501,7 @@ export default defineComponent({
     .el-badge {
       vertical-align: top;
       line-height: 32px;
-      margin-left: 0px;
+      margin-left: 0;
     }
   }
 

src/renderer/components/molecules/Toot/Quote.vue

@@ -71,6 +71,7 @@ export default defineComponent({
         height: 20px;
       }
     }
+
     .body {
       margin-top: 4px;