From 710f4a8e9e9eef8bdba87eb38677e7f26c957e5c Mon Sep 17 00:00:00 2001
From: Niels van Velzen <git@ndat.nl>
Date: Fri, 22 Sep 2023 23:29:42 +0200
Subject: [PATCH] Run stylelint --fix

---
 .stylelintrc.json    |  5 ++++-
 src/css/jellyfin.css | 31 ++++++++++---------------------
 stylelint.config.js  |  4 +++-
 3 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 04de3bf4..c5f00670 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -1,4 +1,7 @@
 {
     "extends": ["stylelint-config-standard"],
-    "rules": {}
+    "rules": {
+        "selector-class-pattern": null,
+        "selector-id-pattern": null
+    }
 }
diff --git a/src/css/jellyfin.css b/src/css/jellyfin.css
index 1562d008..ff9a716d 100644
--- a/src/css/jellyfin.css
+++ b/src/css/jellyfin.css
@@ -5,7 +5,7 @@ body {
 }
 
 body {
-    font-family: 'Quicksand', sans-serif;
+    font-family: Quicksand, sans-serif;
     font-weight: 300;
     color: #ddd;
     background-color: #000;
@@ -33,10 +33,7 @@ body {
 
 #waiting-container-backdrop {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0;
     background-color: #000;
     background-position: center;
     background-size: cover;
@@ -49,12 +46,9 @@ body {
     background-repeat: no-repeat;
 
     /* Layer on top of the backdrop image: */
-    background-color: rgba(15, 15, 15, 0.6);
+    background-color: rgb(15 15 15 / 60%);
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0;
     padding: 18px 32px;
 }
 
@@ -63,11 +57,8 @@ body {
     background-size: cover;
     background-repeat: no-repeat;
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: rgba(15, 15, 15, 0.82);
+    inset: 0;
+    background-color: rgb(15 15 15 / 82%);
 }
 
 .detailLogo {
@@ -103,7 +94,7 @@ body {
     padding-top: 0.1vw;
     border-radius: 50%;
     color: #fff;
-    background: rgba(0, 128, 0, 0.8);
+    background: rgb(0 128 0 / 80%);
     font-size: 1.1vw;
 }
 
@@ -138,8 +129,6 @@ body {
 .itemProgressBar {
     background: #000 !important;
     appearance: none;
-    -moz-appearance: none;
-    -webkit-appearance: none;
     border: 0;
     border: 0 solid #222;
     border-radius: 0;
@@ -216,15 +205,15 @@ body {
 }
 
 .metascorehigh {
-    background-color: rgba(102, 204, 51, 0.7);
+    background-color: rgb(102 204 51 / 70%);
 }
 
 .metascoremid {
-    background-color: rgba(255, 204, 51, 0.7);
+    background-color: rgb(255 204 51 / 70%);
 }
 
 .metascorelow {
-    background-color: rgba(240, 0, 0, 0.7);
+    background-color: rgb(240 0 0 / 70%);
 }
 
 .criticRating + .metascore,
diff --git a/stylelint.config.js b/stylelint.config.js
index 08b441ff..b45ae90a 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -1,7 +1,9 @@
 module.exports = {
     extends: ['stylelint-config-standard'],
     rules: {
-        'at-rule-no-unknown': null
+        'at-rule-no-unknown': null,
+        'selector-class-pattern': null,
+        'selector-id-pattern': null
     },
     syntax: 'css'
 };