Add Stylelint to OpenEMR (openemr#3426) (openemr#3436)

bradymiller · May 2, 2020 · d6afe5b · d6afe5b
1 parent a65b2e3
commit d6afe5b
Show file tree

Hide file tree

Showing 125 changed files with 13,520 additions and 11,010 deletions.
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1,10 @@
+vendor/**/*.css
+vendor/**/*.scss
+node_modules/**/*.css
+node_modules/**/*.scss
+interface/modules/zend_modules/public/css/**/*.css
+public/assets/**/*.css
+public/themes/**/*.css
+public/themes/**/*.scss
+public/assets/**/*.scss
+interface/themes/themeBuilder.css
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -0,0 +1,18 @@
+{
+    "plugins": ["stylelint-order", "stylelint-scss"],
+    "extends": "stylelint-config-standard",
+    "extends": "stylelint-config-sass-guidelines",
+    "rules": {
+        "selector-no-qualifying-type": [true, {
+            "ignore": ["attribute", "class", "id"]
+        }],
+        "string-quotes": null,
+        "selector-class-pattern": null,
+        "selector-max-id": null,
+        "selector-max-compound-selectors": null,
+        "at-rule-no-unknown": null,
+        "declaration-empty-line-before": null,
+        "at-rule-empty-line-before": null,
+        "scss/at-mixin-pattern": null
+    }
+}
diff --git a/contrib/forms/example2/style.css b/contrib/forms/example2/style.css
@@ -1,74 +1,73 @@
-/* This CSS is used ONLY by the form defined in this same folder 
+/* This CSS is used ONLY by the form defined in this same folder
  * customize it as you see fit for your specific form
- */ 
+ */
 
 h1 {
-    font-size: 120%;
-    font-weight: bold;
+  font-size: 120%;
+  font-weight: bold;
 }
 
 #form_container {
-    border: 1px solid black;
-    background-color: #ffffcc;
-    width: 750px;
-    padding: 10px;
-    margin: 10px 0px 10px 0px;
+  background-color: #ffc;
+  border: 1px solid var(--black);
+  margin: 10px 0;
+  padding: 10px;
+  width: 750px;
 }
 
 #general {
-    padding: 10px;
+  padding: 10px;
 }
 
 #history {
-    padding: 10px;
-    border-top: 1px solid black;
+  border-top: 1px solid var(--black);
+  padding: 10px;
 }
 
 #bottom {
-    padding: 10px;
-    border-top: 1px solid black;
+  border-top: 1px solid var(--black);
+  padding: 10px;
 }
 
 .formtext {
-    font-family: courier;
-    font-size: 90%;
+  font-family: courier;
+  font-size: 90%;
 }
 
 .link {
-    font-size: 80%;
+  font-size: 80%;
 }
 
 .link_submit {
-    font-size: 120%;
+  font-size: 120%;
 }
 
 .title {
-    font-size: 150%;
-    font-weight: bold;
+  font-size: 150%;
+  font-weight: bold;
 }
 
-.bold { 
-    font-size: 110%;
-    font-weight: bold;
+.font-weight-bold {
+  font-size: 110%;
 }
 
 #print_form_container {
-    border: 1px solid black;
-    background-color: #ffffcc;
-    padding: 10px;
-    margin: 10px 0px 10px 0px;
+  background-color: #ffc;
+  border: 1px solid var(--black);
+  margin: 10px 0;
+  padding: 10px;
 }
 
 #print_general {
-    padding: 10px;
+  padding: 10px;
 }
 
 #print_history {
-    padding: 10px;
-    border-top: 1px solid black;
+  border-top: 1px solid var(--black);
+  padding: 10px;
 }
 
 #print_bottom {
-    padding: 10px;
-    border-top: 1px solid black;
+  border-top: 1px solid var(--black);
+  padding: 10px;
 }