From 9e4e9655ef2c69df3fc3989838c9251aa55a0ff0 Mon Sep 17 00:00:00 2001
From: Simek <gosimek@gmail.com>
Date: Thu, 19 Feb 2026 10:54:17 +0100
Subject: [PATCH] stylelint: re-enable few more rules, fix warnings

---
 .stylelintrc.json                           |  4 +---
 ui/analyse/css/study/panel/_multiboard.scss |  5 +----
 ui/bits/css/_lpv.embed.scss                 |  5 +----
 ui/lib/css/ceval/_eval-gauge.scss           |  5 +----
 ui/lib/css/component/_podium.scss           |  5 +----
 ui/lib/css/component/_tagify.scss           | 10 ++--------
 ui/lobby/css/_lobby.scss                    |  2 +-
 ui/lobby/css/_stream.scss                   |  2 +-
 ui/lobby/css/_timeline.scss                 |  2 +-
 ui/recap/css/_recap.scss                    |  5 +----
 ui/round/css/_control.scss                  |  5 +----
 11 files changed, 12 insertions(+), 38 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index fc27e820369..6514933211f 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -20,12 +20,10 @@
     "selector-id-pattern": null,
     "selector-type-no-unknown": null,
     "shorthand-property-no-redundant-values": null,
-    "value-keyword-case": null,
     "scss/dollar-variable-pattern": null,
     "scss/dollar-variable-empty-line-before": null,
     "scss/double-slash-comment-empty-line-before": null,
     "scss/no-global-function-names": null,
-    "scss/operator-no-newline-after": null,
-    "scss/percent-placeholder-pattern": null
+    "scss/operator-no-newline-after": null
   }
 }
diff --git a/ui/analyse/css/study/panel/_multiboard.scss b/ui/analyse/css/study/panel/_multiboard.scss
index 1c314b9609d..7eeaa288bd3 100644
--- a/ui/analyse/css/study/panel/_multiboard.scss
+++ b/ui/analyse/css/study/panel/_multiboard.scss
@@ -155,10 +155,7 @@
         content: '';
         display: block;
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
         box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
       }
       tick {
diff --git a/ui/bits/css/_lpv.embed.scss b/ui/bits/css/_lpv.embed.scss
index 4bef6fa3506..b29a13258a4 100644
--- a/ui/bits/css/_lpv.embed.scss
+++ b/ui/bits/css/_lpv.embed.scss
@@ -10,10 +10,7 @@ body {
   @extend %flex-center;
 
   position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   justify-content: center;
   height: 100%;
   background: radial-gradient(circle, #484848, #2f3031);
diff --git a/ui/lib/css/ceval/_eval-gauge.scss b/ui/lib/css/ceval/_eval-gauge.scss
index be575c5e4f2..022cb423127 100644
--- a/ui/lib/css/ceval/_eval-gauge.scss
+++ b/ui/lib/css/ceval/_eval-gauge.scss
@@ -22,10 +22,7 @@
     content: '';
     display: block;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
   }
 
diff --git a/ui/lib/css/component/_podium.scss b/ui/lib/css/component/_podium.scss
index 2f2b47ca117..eb4e7add180 100644
--- a/ui/lib/css/component/_podium.scss
+++ b/ui/lib/css/component/_podium.scss
@@ -4,10 +4,7 @@
 
   #confetti {
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
diff --git a/ui/lib/css/component/_tagify.scss b/ui/lib/css/component/_tagify.scss
index 575043cb4d3..112e2762288 100644
--- a/ui/lib/css/component/_tagify.scss
+++ b/ui/lib/css/component/_tagify.scss
@@ -266,10 +266,7 @@
         content: '';
         position: absolute;
         border-radius: inherit;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
+        inset: 0;
         z-index: -1;
         pointer-events: none;
         transition: 120ms ease;
@@ -284,10 +281,7 @@
         &::before {
           $size: -$tagMargin / 2;
           $size: -2px;
-          top: $size;
-          left: $size;
-          bottom: $size;
-          right: $size;
+          inset: $size;
           box-shadow: 0 0 0 $tag-inset-shadow-size $tag-hover inset;
           box-shadow: 0 0 0 var(--tag-inset-shadow-size, $tag-inset-shadow-size) var(--tag-hover, $tag-hover)
             inset;
diff --git a/ui/lobby/css/_lobby.scss b/ui/lobby/css/_lobby.scss
index 4891c8276ba..df35c64298e 100644
--- a/ui/lobby/css/_lobby.scss
+++ b/ui/lobby/css/_lobby.scss
@@ -22,7 +22,7 @@ body {
   ---main-max-width: 1400px;
 }
 
-%lobby__side__more {
+%lobby-side-more {
   @extend %roboto;
 
   font-size: 0.9em;
diff --git a/ui/lobby/css/_stream.scss b/ui/lobby/css/_stream.scss
index 3ce1dd328a0..ee4c84ce239 100644
--- a/ui/lobby/css/_stream.scss
+++ b/ui/lobby/css/_stream.scss
@@ -25,6 +25,6 @@
   }
 
   .more {
-    @extend %lobby__side__more;
+    @extend %lobby-side-more;
   }
 }
diff --git a/ui/lobby/css/_timeline.scss b/ui/lobby/css/_timeline.scss
index 5ce28731797..f750fe995d5 100644
--- a/ui/lobby/css/_timeline.scss
+++ b/ui/lobby/css/_timeline.scss
@@ -35,6 +35,6 @@
   }
 
   .more {
-    @extend %lobby__side__more;
+    @extend %lobby-side-more;
   }
 }
diff --git a/ui/recap/css/_recap.scss b/ui/recap/css/_recap.scss
index af3a52e1bd1..b8afa573455 100644
--- a/ui/recap/css/_recap.scss
+++ b/ui/recap/css/_recap.scss
@@ -50,10 +50,7 @@ body {
 }
 .recap {
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 1vw;
-  right: 1vw;
+  inset: 0 1vw;
   height: 100%;
   text-align: center;
 
diff --git a/ui/round/css/_control.scss b/ui/round/css/_control.scss
index a25253afeac..22f5cb3d0e9 100644
--- a/ui/round/css/_control.scss
+++ b/ui/round/css/_control.scss
@@ -230,10 +230,7 @@
       &::before {
         content: '';
         position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        inset: 0;
         pointer-events: none;
         background: $c-primary;
         opacity: 0;