From faa98d2d8f7db8c43feded42e34c53b1e49ac1bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=20Rodr=C3=ADguez?= <dani@danirod.es>
Date: Sat, 2 Mar 2024 15:13:38 +0100
Subject: [PATCH] chore: lint again

---
 .stylelintrc.json                       | 7 ++++---
 app/javascript/dashboard/auth.scss      | 2 +-
 app/javascript/dashboard/dashboard.scss | 6 ++----
 app/javascript/dashboard/videos.scss    | 2 +-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 976df851..f7d99d5c 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -1,7 +1,8 @@
 {
-  "plugins": ["stylelint-scss"],
-  "extends": ["stylelint-config-standard-scss"],
+  "extends": ["stylelint-config-recommended"],
+  "customSyntax": "postcss-scss",
   "rules": {
-    "selector-class-pattern": null
+    "selector-class-pattern": null,
+    "function-no-unknown": [true, { "ignoreFunctions": ["saturation"] } ]
   }
 }
diff --git a/app/javascript/dashboard/auth.scss b/app/javascript/dashboard/auth.scss
index ea85b9dc..415e125d 100644
--- a/app/javascript/dashboard/auth.scss
+++ b/app/javascript/dashboard/auth.scss
@@ -1,5 +1,5 @@
 body.auth {
-  background: color(#039 s(- 25%));
+  background: color(#039 saturation(- 25%));
 
   svg {
     fill: white;
diff --git a/app/javascript/dashboard/dashboard.scss b/app/javascript/dashboard/dashboard.scss
index 83d9d9ce..b736575b 100644
--- a/app/javascript/dashboard/dashboard.scss
+++ b/app/javascript/dashboard/dashboard.scss
@@ -1,11 +1,9 @@
-@use "sass:color";
-
 html {
   font-size: 14px;
 }
 
 .navbar-brand .makigas-logo {
-  fill: currentColor;
+  fill: currentcolor;
   height: 100%;
 }
 
@@ -52,6 +50,6 @@ form.button_to {
   }
 }
 
-[data-bs-theme=dark] {
+[data-bs-theme="dark"] {
   --bs-danger-rgb: 230,113,124;
 }
diff --git a/app/javascript/dashboard/videos.scss b/app/javascript/dashboard/videos.scss
index 50076102..bd93cb9d 100644
--- a/app/javascript/dashboard/videos.scss
+++ b/app/javascript/dashboard/videos.scss
@@ -57,7 +57,7 @@ body.page-videos {
       }
     }
 
-    @media (min-width: 768px) {
+    @media (width >= 768px) {
       button.toggle-expand {
         display: none;
       }