Maintenance: Switch stylelint SCSS checks to recommended rules.

.stylelintrc.json

@@ -1,7 +1,7 @@
 {
   "extends": [
     "stylelint-config-standard",
-    "stylelint-config-standard-scss",
+    "stylelint-config-recommended-scss",
     "stylelint-config-recommended-vue",
     "stylelint-prettier/recommended"
   ],
@@ -26,6 +26,8 @@
     "selector-no-vendor-prefix": null,
     "selector-pseudo-element-no-unknown": null,
     "scss/at-extend-no-missing-placeholder": null,
+    "scss/at-import-partial-extension": null,
+    "scss/load-no-partial-leading-underscore": true,
     "scss/at-rule-no-unknown": null,
     "scss/dollar-variable-pattern": null,
     "scss/double-slash-comment-whitespace-inside": null,

app/assets/stylesheets/knowledge_base.scss

@@ -1,5 +1,5 @@
-@import 'svg-dimensions';
-@import 'font';
+@import url('./svg-dimensions.css');
+@import url('./font.css');
 
 $highlight-color: hsl(205, 90%, 60%);
 $color: hsl(207, 7%, 29%);

app/assets/stylesheets/zammad.scss

@@ -2012,6 +2012,7 @@ table {
 
 .label-text {
   @include bidi-style(margin-left, 3px, margin-right, 0);
+
   @extend %clickable;
 }
 
@@ -7836,6 +7837,7 @@ a.list-group-item.active > .badge,
   white-space: nowrap;
 
   @include bidi-style(margin-left, auto, margin-right, 0);
+
   @extend .u-clickable;
 
   @include phone {
@@ -7890,6 +7892,7 @@ a.list-group-item.active > .badge,
   white-space: nowrap;
 
   @include bidi-style(margin-left, auto, margin-right, 0);
+
   @extend %clickable;
 }
 
@@ -7934,6 +7937,7 @@ a.list-group-item.active > .badge,
 
 .attachmentUpload-cancel {
   @extend .u-clickable;
+
   @include bidi-style(margin-left, auto, margin-right, 0);
 
   text-decoration: underline;
@@ -9208,6 +9212,7 @@ li.list-item-none {
   padding: 0 40px;
 
   @extend .zIndex-11;
+
   @include bidi-style(padding-left, 40px, padding-right, 0);
 
   @include phone {
@@ -9672,6 +9677,7 @@ li.dropdown-header {
 
   .userList-name {
     @extend .u-textTruncate;
+
     @include bidi-style(margin-left, 7px, margin-right, 0);
   }
 }

app/frontend/apps/desktop/styles/main.css

@@ -1,5 +1,7 @@
-@import './transitions.css';
+@import url('./transitions.css');
+
 @config './tailwind.desktop.js';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

app/frontend/apps/mobile/styles/main.css

@@ -1,4 +1,5 @@
 @config './tailwind.mobile.js';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;