From 56a067ee965fb84f2f72d6c9beb17b03bb192c9f Mon Sep 17 00:00:00 2001
From: Edouard Vanbelle <opensource@edouard.vanbelle.fr>
Date: Wed, 8 Apr 2026 23:34:39 +0200
Subject: [PATCH] refactor(css): apply biome format on css

---
 static/css/base/forms.css         | 6 +++---
 static/css/components/cards.css   | 8 +++++++-
 static/css/components/dialogs.css | 8 ++++----
 static/css/views/music.css        | 6 ++++--
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/static/css/base/forms.css b/static/css/base/forms.css
index 5d756b12..892110fb 100644
--- a/static/css/base/forms.css
+++ b/static/css/base/forms.css
@@ -51,10 +51,10 @@
 }
 
 .danger {
-    background-color: var( --color-danger-bg);
-    color: var( --color-danger-text);
+    background-color: var(--color-danger-bg);
+    color: var(--color-danger-text);
 }
 
 .danger:hover {
-    background-color: var( --color-danger-hover);
+    background-color: var(--color-danger-hover);
 }
diff --git a/static/css/components/cards.css b/static/css/components/cards.css
index 4c1d873b..716b4e9a 100644
--- a/static/css/components/cards.css
+++ b/static/css/components/cards.css
@@ -729,7 +729,13 @@
     left: 45px;
     width: 10px;
     height: 46px;
-    background: repeating-linear-gradient(to bottom, var(--color-neutral-warm-text) 0px, var(--color-neutral-warm-text) 5px, var(--color-neutral-warm-bg) 5px, var(--color-neutral-warm-bg) 10px);
+    background: repeating-linear-gradient(
+        to bottom,
+        var(--color-neutral-warm-text) 0px,
+        var(--color-neutral-warm-text) 5px,
+        var(--color-neutral-warm-bg) 5px,
+        var(--color-neutral-warm-bg) 10px
+    );
     opacity: 0.5;
 }
 
diff --git a/static/css/components/dialogs.css b/static/css/components/dialogs.css
index b6c9158a..d663c226 100644
--- a/static/css/components/dialogs.css
+++ b/static/css/components/dialogs.css
@@ -499,9 +499,9 @@
 
 /* Playlist track count in selector */
 .playlist-track-count {
-	margin-left: auto;
-	font-size: 12px;
-	color: #718096;
+    margin-left: auto;
+    font-size: 12px;
+    color: #718096;
 }
 
 /* Custom confirm dialog */
@@ -542,7 +542,7 @@
 
 .confirm-dialog-icon i {
     font-size: 40px;
-    color: var( --color-danger-bg);
+    color: var(--color-danger-bg);
 }
 
 .confirm-dialog-title {
diff --git a/static/css/views/music.css b/static/css/views/music.css
index 7e5c18d2..81ef27ac 100644
--- a/static/css/views/music.css
+++ b/static/css/views/music.css
@@ -426,7 +426,9 @@
 }
 
 @keyframes spin {
-    to { transform: rotate(360deg); }
+    to {
+        transform: rotate(360deg);
+    }
 }
 
 /* Dark theme */
@@ -916,7 +918,7 @@
 }
 
 .player-btn.repeat-one i::after {
-    content: '1';
+    content: "1";
     font-size: 8px;
     position: absolute;
     top: 0;