fix lint errors

.stylelintrc.json

@@ -4,9 +4,20 @@
     "stylelint-config-recess-order"
   ],
   "rules": {
+    "no-duplicate-selectors": null,
+    "scss/at-extend-no-missing-placeholder": null,
     "rule-empty-line-before": [ "always-multi-line", {
       "except": ["after-single-line-comment", "first-nested"],
       "ignore": ["after-comment", "inside-block"]
-    } ]
+    } ],
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        "ignorePseudoClasses": [
+          "global",
+          "local"
+        ]
+      }
+    ]
   }
 }

apps/app/.stylelintrc.json

@@ -3,16 +3,5 @@
   "ignoreFiles": [
     "src/styles/prebuilt/*.css",
     "src/linter-checker/test.scss"
-  ],
-  "rules": {
-    "selector-pseudo-class-no-unknown": [
-      true,
-      {
-        "ignorePseudoClasses": [
-          "global",
-          "local"
-        ]
-      }
-    ]
-  }
+  ]
 }

apps/app/src/components/PageCreateModal.module.scss

@@ -2,9 +2,6 @@
   .page-today-input1 {
     width: 60px;
   }
-  .page-today-input2 {
-  }
-
   .grw-btn-create-page {
     min-width: 90px;
   }

apps/app/src/components/PagePresentationModal.module.scss

@@ -1,7 +1,8 @@
-@use '~/styles/_modal';
+@use '~/styles/modal';
 
 .grw-presentation-modal :global {
-  @include modal.expand-modal-fullscreen(false, false, 0);
+  /* stylelint-disable-next-line length-zero-no-unit */
+  @include modal.expand-modal-fullscreen(false, false, 0px);
 
   .modal-content {
     background-color: transparent;

apps/app/src/components/Skeleton.module.scss

@@ -1,4 +1,5 @@
 .grw-skeleton {
-  --bs-list-group-color: rgba(var(--bs-tertiary-color-rgb), 0.2);
+  --bs-list-group-color: rgb(var(--bs-tertiary-color-rgb) 0.2);
+
   background-color: var(--bs-list-group-color);
 }

apps/app/src/styles/_editor.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-class-pattern */
+
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
 @use './variables' as var;
 @import './organisms/wiki-custom-sidebar';
@@ -72,8 +74,8 @@
 
     }
 
-    .page-editor-preview-container {
-    }
+    // .page-editor-preview-container {
+    // }
 
     .page-editor-preview-body {
       flex-grow: 1;

apps/app/src/styles/_fonts.scss

@@ -1,6 +1,6 @@
 :root {
-  --font-family-sans-serif: var(--grw-font-family-lato), -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
-  --font-family-serif: Georgia, 'Times New Roman', Times, serif;
+  --font-family-sans-serif: var(--grw-font-family-lato), -apple-system, blinkmacsystemfont, 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
+  --font-family-serif: georgia, 'Times New Roman', times, serif;
   --font-family-monospace: monospace, var(--grw-font-family-source-han-code-jp-subset-main), var(--grw-font-family-source-han-code-jp-subset-jis2);
 }
 

apps/app/src/styles/_mixins.scss

@@ -9,7 +9,7 @@
 
 @mixin grw-skeleton-text($font-size, $line-height) {
   height: $line-height;
-  padding: (($line-height - $font-size)  / 2) 0;
+  padding: (($line-height - $font-size) / 2) 0;
 }
 
 @mixin grw-skeleton-h3 {

apps/app/src/styles/_override-handsontable.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-class-pattern */
+
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
 
 // Table

apps/app/src/styles/_variables.scss

@@ -1,11 +1,11 @@
-//== Marker Color
+// == Marker Color
 $grw-marker-yellow: #ff6;
 $grw-marker-red: #f6c;
 $grw-marker-blue: #6cf;
 $grw-marker-cyan: #6ff;
 $grw-marker-green: #6f6;
 
-//== Layout
+// == Layout
 $grw-sidebar-nav-width: 48px;
 $grw-navbar-bottom-height: 62px;
 $grw-scroll-margin-top-in-view: 130px;

packages/presentation/src/client/components/Presentation.module.scss

@@ -1,5 +1,4 @@
 .grw-presentation {
-
   // workaround from https://github.com/css-modules/css-modules/issues/295#issuecomment-952885628
   &:global(.reveal) :global {
     .slides {

packages/presentation/src/client/components/Slides.module.scss

@@ -2,7 +2,7 @@
   // Reset _wiki.scss, vendor.scss and other css in <div class=slides marpit>.
   // This ensures that Marp is rendered currently.
   .slides {
-    *, *:before, *::after {
+    *, *::before, *::after {
       box-sizing: initial;
     }