From 736294c291c9f3de7fa2f3343a05aaefc4e685c8 Mon Sep 17 00:00:00 2001
From: Li Nguyen <90609403+huong-li-nguyen@users.noreply.github.com>
Date: Thu, 28 Nov 2024 16:12:09 +0100
Subject: [PATCH] [Tidy] Add stylelint rule to flag unmatched CSS properties
 (#898)

---
 .stylelintrc                                     | 3 ++-
 vizro-ai/examples/dashboard_ui/assets/custom.css | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.stylelintrc b/.stylelintrc
index 7075ac01f..2949d83ae 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -8,6 +8,7 @@
     "color-function-notation": "legacy",
     "alpha-value-notation": "number",
     "color-hex-length": "long",
-    "selector-not-notation": null
+    "selector-not-notation": null,
+    "declaration-property-value-no-unknown": true
   }
 }
diff --git a/vizro-ai/examples/dashboard_ui/assets/custom.css b/vizro-ai/examples/dashboard_ui/assets/custom.css
index 79af9625d..cddc9eaac 100644
--- a/vizro-ai/examples/dashboard_ui/assets/custom.css
+++ b/vizro-ai/examples/dashboard_ui/assets/custom.css
@@ -188,7 +188,7 @@
   background-color: inherit;
   color: var(--text-primary);
   height: 2rem;
-  scale: 90%;
+  transform: scale(0.9);
 }
 
 .dropdown-menu-toggle-class:hover {
@@ -196,7 +196,7 @@
   color: var(--text-primary);
   cursor: pointer;
   height: 2rem;
-  scale: 90%;
+  transform: scale(0.9);
 }
 
 .dropdown-menu-toggle-class.btn-primary:focus:not(
@@ -333,7 +333,7 @@ img#banner {
   flex-flow: column wrap;
   gap: 12px;
   justify-content: flex-start;
-  overflow: hidden; /* to check */
+  overflow: hidden; /* check and remove comment */
 }
 
 .flex-container h4 {