From 7c7ce3d740fb603993851c868c79d0c3f55cf763 Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Mon, 7 Dec 2020 12:37:20 +0800
Subject: [PATCH] refactor: add stylelint processor

---
 .stylelintrc.json                        | 23 +++++++++++++++++++++++
 package.json                             |  3 +++
 src/main/frontend/components/block.css   | 12 ++++++------
 src/main/frontend/components/editor.css  |  8 ++++----
 src/main/frontend/components/header.css  |  3 +--
 src/main/frontend/components/sidebar.css | 16 +++++++++-------
 src/main/frontend/ui.css                 |  2 --
 7 files changed, 46 insertions(+), 21 deletions(-)
 create mode 100644 .stylelintrc.json

diff --git a/.stylelintrc.json b/.stylelintrc.json
new file mode 100644
index 0000000000..0764d35f11
--- /dev/null
+++ b/.stylelintrc.json
@@ -0,0 +1,23 @@
+{
+  "extends": [
+    "stylelint-config-standard"
+  ],
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "tailwind",
+          "apply",
+          "variants",
+          "responsive",
+          "screen"
+        ]
+      }
+    ],
+    "declaration-block-trailing-semicolon": null,
+    "no-descending-specificity": null,
+    "declaration-empty-line-before": null,
+    "block-no-empty": null
+  }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index f913ceab3c..7b7906fa1b 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
         "postcss-nested": "^5.0.1",
         "purgecss": "3.0.0",
         "shadow-cljs": "2.8.81",
+        "stylelint": "^13.8.0",
+        "stylelint-config-standard": "^20.0.0",
         "tailwindcss": "2.0.1"
     },
     "scripts": {
@@ -28,6 +30,7 @@
         "clean": "gulp clean",
         "test": "run-s cljs:test cljs:run-test",
         "report": "run-s cljs:report",
+        "style:lint": "stylelint \"src/**/*.css\" ",
         "gulp:watch": "gulp watch",
         "gulp:build": "cross-env NODE_ENV=production gulp build",
         "cljs:watch": "clojure -M:cljs watch app publishing",
diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css
index 8d4ccd9eb8..1da4d9293e 100644
--- a/src/main/frontend/components/block.css
+++ b/src/main/frontend/components/block.css
@@ -32,23 +32,23 @@
   margin: 0 auto;
 
   img {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 }
 
 .ls-block h1 {
   font-size: 2em;
-  margin: .67em 0;
+  margin: 0.67em 0;
 }
 
 .ls-block h2 {
   font-size: 1.5em;
-  margin: .75em 0;
+  margin: 0.75em 0;
 }
 
 .ls-block h3 {
   font-size: 1.17em;
-  margin: .83em 0;
+  margin: 0.83em 0;
 }
 
 .ls-block h4 {
@@ -56,12 +56,12 @@
 }
 
 .ls-block h5 {
-  font-size: .83em;
+  font-size: 0.83em;
   margin: 1.5em 0;
 }
 
 .ls-block h6 {
-  font-size: .75em;
+  font-size: 0.75em;
   margin: 1.67em 0;
 }
 
diff --git a/src/main/frontend/components/editor.css b/src/main/frontend/components/editor.css
index 54b12a2975..9d6f0f6299 100644
--- a/src/main/frontend/components/editor.css
+++ b/src/main/frontend/components/editor.css
@@ -14,15 +14,15 @@
   padding: 0;
 }
 
-.non-block-editor textarea, pre {
+.non-block-editor textarea,
+pre {
   display: block;
   padding: 0.5rem;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, .02);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
   border-radius: 4px;
 }
 
 .non-block-editor textarea {
-  background: #F6F8FA;
+  background: #f6f8fa;
   background: var(--ls-secondary-background-color);
 }
-
diff --git a/src/main/frontend/components/header.css b/src/main/frontend/components/header.css
index 065165aeea..a594e811aa 100644
--- a/src/main/frontend/components/header.css
+++ b/src/main/frontend/components/header.css
@@ -1,6 +1,5 @@
 .cp__header {
   @apply shadow z-10 h-12 pr-4;
-
   position: relative;
   display: flex;
   align-items: center;
@@ -62,4 +61,4 @@
   .cp__right-menu-button {
     display: block;
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/frontend/components/sidebar.css b/src/main/frontend/components/sidebar.css
index b7e06f7028..edd7a3c060 100644
--- a/src/main/frontend/components/sidebar.css
+++ b/src/main/frontend/components/sidebar.css
@@ -57,8 +57,8 @@
 
 .cp__sidebar-help {
   @apply font-bold fixed bottom-4
-  rounded-full h-8 w-8 flex items-center justify-center font-bold
-  opacity-70 hover:opacity-100;
+    rounded-full h-8 w-8 flex items-center justify-center font-bold
+    opacity-70 hover:opacity-100;
 
   user-select: none;
   cursor: help;
@@ -77,7 +77,7 @@
   z-index: 9;
 
   box-sizing: border-box;
-  background-color: var(--ls-secondary-background-color, #D8E1E8);
+  background-color: var(--ls-secondary-background-color, #d8e1e8);
   padding-bottom: 48px;
 
   &-inner {
@@ -110,12 +110,14 @@
     margin-top: 0;
   }
 
-  .non-block-editor textarea, pre, pre.code {
+  .non-block-editor textarea,
+  pre,
+  pre.code {
     background: var(--ls-right-sidebar-code-bg-color);
   }
 
   pre.CodeMirror-line {
-    background: #FFFFFF;
+    background: #fff;
   }
 
   .references {
@@ -134,8 +136,8 @@
     }
 
     .close {
-      transform: scale(.8);
-      transition: transform .1s;
+      transform: scale(0.8);
+      transition: transform 0.1s;
 
       &:hover {
         transform: scale(1);
diff --git a/src/main/frontend/ui.css b/src/main/frontend/ui.css
index 21bb8f7e08..0bf1db28c8 100644
--- a/src/main/frontend/ui.css
+++ b/src/main/frontend/ui.css
@@ -1,6 +1,4 @@
-/* auto complete */
 #ui__ac {
-
   &-inner {
     max-height: 400px;
     overflow-x: hidden;