fix

.stylelintrc

@@ -16,6 +16,8 @@
     "selector-list-comma-newline-after": null,
     "selector-pseudo-element-colon-notation": null,
     "unit-no-unknown": null,
-    "value-list-max-empty-lines": null
+    "value-list-max-empty-lines": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "no-descending-specificity": null
   }
 }

.vscode/settings.json

@@ -2,13 +2,19 @@
 {
   "eslint.enable": true,
   "eslint.options": {
-    "extensions": [".js", ".vue"],
+    "extensions": [
+      ".js",
+      ".vue"
+    ],
     "configFile": ".eslintrc"
   },
   "eslint.validate": [
     "javascript",
     "javascriptreact",
-    { "language": "vue", "autoFix": true }
+    {
+      "language": "vue",
+      "autoFix": true
+    }
   ],
   "emmet.syntaxProfiles": {
     "vue-html": "html",
@@ -17,5 +23,8 @@
   "eslint.autoFixOnSave": true,
   "vetur.validation.template": true,
   "vetur.format.html.wrap_line_length": 60,
-  "vetur.format.js.InsertSpaceBeforeFunctionParenthesis": true
+  "vetur.format.js.InsertSpaceBeforeFunctionParenthesis": true,
+  "stylefmt.config": {
+    "fix": true
+  }
 }

examples/index.less

@@ -1,5 +1,3 @@
-#app {
-}
 .site {
   display: flex;
   .nav {
@@ -34,20 +32,19 @@
 }
 
 .page-container {
-  /*color: #666;*/
   font-size: 14px;
   line-height: 1.5;
 
   .table {
       font-size: 13px;
       border-collapse: collapse;
-      border-spacing: 0px;
+      border-spacing: 0;
       empty-cells: show;
       border: 1px solid #e9e9e9;
       width: 100%;
       margin: 16px 0;
-
       th {
+
           background: #F7F7F7;
           white-space: nowrap;
           color: #5C6B77;

package.json

@@ -8,7 +8,7 @@
     "test": "karma start test/karma.conf.js --single-run",
     "build": "sh build.sh",
     "lint": "eslint -c ./.eslintrc --fix --ext .js ./src/",
-    "lint:style": "stylelint \"./src/**/*.less\" --syntax less"
+    "lint:style": "stylelint \"./example/**/*.less\" --syntax --fix less"
   },
   "repository": {
     "type": "git",