From bb31807c1f61f90dd7933ccb78d02488536814ac Mon Sep 17 00:00:00 2001
From: Martin Tepper <martin.tepper@aoe.com>
Date: Thu, 6 Jul 2023 13:50:56 +0200
Subject: [PATCH] Update stylelint settings, Fix messages

---
 src/Resources/.stylelintrc.json         | 3 ---
 src/Resources/sass/mealz.scss           | 2 ++
 src/Resources/sass/modules/_header.scss | 6 +++---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/Resources/.stylelintrc.json b/src/Resources/.stylelintrc.json
index e1948994f..5b3733973 100644
--- a/src/Resources/.stylelintrc.json
+++ b/src/Resources/.stylelintrc.json
@@ -10,10 +10,7 @@
         "except": ["empty"]
       }
     ],
-    "order/properties-alphabetical-order": null,
-    "order/properties-order": ["position", "top", "right", "bottom", "left", "z-index", "display", "visibility", "overflow", "overflow-x", "overflow-y", "float", "clear", "table-layout", "border-collapse", "empty-cells", "box-sizing", "width", "min-width", "max-width", "height", "min-height", "max-height", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "border", "border-width", "border-style", "border-color", "border-radius", "border-top", "border-top-width", "border-top-style", "border-top-color", "border-right", "border-right-width", "border-right-style", "border-right-color", "border-bottom", "border-bottom-width", "border-bottom-style", "border-bottom-color", "border-left", "border-left-width", "border-left-style", "border-left-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "white-space", "content", "color", "background", "background-color", "background-image", "background-repeat", "background-attachment", "background-position", "background-size", "opacity", "font", "font-weight", "font-style", "font-variant", "font-size", "font-family", "letter-spacing", "line-height", "list-style", "list-style-type", "list-style-position", "list-style-image", "outline", "outline-width", "outline-style", "outline-color", "text-align", "text-decoration", "text-indent", "text-transform", "text-shadow", "animation", "transform", "transition", "box-shadow"],
     "max-nesting-depth": 4,
-    "string-quotes": "double",
     "selector-no-qualifying-type": null,
     "selector-max-compound-selectors": 5,
     "selector-pseudo-element-no-unknown": [
diff --git a/src/Resources/sass/mealz.scss b/src/Resources/sass/mealz.scss
index 422480fae..03e6f5825 100755
--- a/src/Resources/sass/mealz.scss
+++ b/src/Resources/sass/mealz.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 //**************************************
 //  Defaults
 //**************************************
diff --git a/src/Resources/sass/modules/_header.scss b/src/Resources/sass/modules/_header.scss
index b39234f95..4fa0983e6 100755
--- a/src/Resources/sass/modules/_header.scss
+++ b/src/Resources/sass/modules/_header.scss
@@ -38,8 +38,8 @@ header {
       float: none;
       margin-bottom: 20px;
       padding: 20px 0;
-      border-top: 1px solid lighten($header-background, 10%);
-      border-bottom: 1px solid lighten($header-background, 10%);
+      border-top: 1px solid color.adjust($header-background, $lightness: 10%);
+      border-bottom: 1px solid color.adjust($header-background, $lightness: 10%);
     }
 
     li {
@@ -278,7 +278,7 @@ header {
       font-family: $font-medium;
 
       &:hover {
-        background: darken($header-login-button-background, 5%);
+        background: color.adjust($header-login-button-background, $lightness: -5%);
       }
     }
   }