From ac90f889158951615b8763d6b2907d5c7816e1ef Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Sat, 27 Nov 2021 10:32:57 +0100
Subject: [PATCH] some css lint fixes

---
 .stylelintrc.js            | 10 ++++++++++
 src/app/styles.module.scss | 10 +---------
 src/theme/form.scss        |  2 +-
 src/theme/variables.scss   |  5 +++--
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/.stylelintrc.js b/.stylelintrc.js
index 732d944..7ba839b 100644
--- a/.stylelintrc.js
+++ b/.stylelintrc.js
@@ -6,4 +6,14 @@ module.exports = {
         "stylelint-config-prettier",
     ],
     ignoreFiles: ["public/assets/**/*.css", "coverage/**/*.css"],
+    rules: {
+        "order/properties-alphabetical-order": undefined,
+        "selector-class-pattern": [
+            "^[A-Za-z0-9\\-]+$",
+            {
+                message:
+                    "Selector should be written with alphanumeric characters only (selector-class-pattern)",
+            },
+        ],
+    },
 }
diff --git a/src/app/styles.module.scss b/src/app/styles.module.scss
index 89fcace..65a04e6 100755
--- a/src/app/styles.module.scss
+++ b/src/app/styles.module.scss
@@ -46,7 +46,7 @@
         font-weight: 400;
         text-decoration: none;
         color: $color-orange;
-        text-shadow: 2px 2px 2px black;
+        text-shadow: 2px 2px 2px $color-black;
     }
 }
 
@@ -54,11 +54,3 @@
     font-size: 14px;
     color: #555;
 }
-
-.header {
-    color: inherit;
-    display: block;
-    overflow: auto;
-    padding: 15px;
-    text-decoration: none;
-}
diff --git a/src/theme/form.scss b/src/theme/form.scss
index cd6e2ae..2277313 100644
--- a/src/theme/form.scss
+++ b/src/theme/form.scss
@@ -3,7 +3,7 @@
 button {
     padding: 5px 20px;
     background-color: $color-orange;
-    border: none;
+    border: 0;
     color: $color-white;
     border-radius: 14px;
     font-weight: bold;
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 1bc7b8a..9f42039 100755
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -1,7 +1,8 @@
 $color-white: #fff;
+$color-black: #000;
 $color-orange: #ea4d0a;
 
-$border-large: 4px solid black;
-$border-thin: 2px solid black;
+$border-large: 4px solid $color-black;
+$border-thin: 2px solid $color-black;
 
 $font-pel: "Grobold";