From 14c3f852144a87d2504ebd29d48fec5bdea5a0c8 Mon Sep 17 00:00:00 2001
From: Ronan Berder <hunvreus@gmail.com>
Date: Sun, 22 Jun 2025 09:21:22 +0800
Subject: [PATCH] Fixing CSS errors

---
 docs/src/assets/styles.css | 11 -----------
 src/css/basecoat.css       |  4 ++--
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/docs/src/assets/styles.css b/docs/src/assets/styles.css
index 4c665a5..5421644 100644
--- a/docs/src/assets/styles.css
+++ b/docs/src/assets/styles.css
@@ -466,9 +466,6 @@
   .min-h-\[350px\] {
     min-height: 350px;
   }
-  .w-\(--sidebar-mobile-width\) {
-    width: var(--sidebar-mobile-width);
-  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -505,9 +502,6 @@
   .w-\[271px\] {
     width: 271px;
   }
-  .w-\[calc\(100vw-24px\)\] {
-    width: calc(100vw - 24px);
-  }
   .w-full {
     width: 100%;
   }
@@ -1300,11 +1294,6 @@
       margin-left: calc(var(--spacing) * 4);
     }
   }
-  .md\:w-\(--sidebar-width\) {
-    @media (width >= 48rem) {
-      width: var(--sidebar-width);
-    }
-  }
   .md\:w-\[239px\] {
     @media (width >= 48rem) {
       width: 239px;
diff --git a/src/css/basecoat.css b/src/css/basecoat.css
index 7769808..1e5a414 100644
--- a/src/css/basecoat.css
+++ b/src/css/basecoat.css
@@ -472,7 +472,7 @@
       @apply bg-black/50 opacity-0 transition-all transition-discrete;
     }
     > article {
-      @apply bg-background fixed top-[50%] left-[50%] z-50 flex flex-col w-full max-w-[calc(100% - 2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg max-h-[calc(100% - 2rem)];
+      @apply bg-background fixed top-[50%] left-[50%] z-50 flex flex-col w-full max-w-[calc(100%_-_2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg max-h-[calc(100%_-_2rem)];
       @apply transition-all scale-95;
 
       > header {
@@ -945,7 +945,7 @@
       @apply bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px];
 
       [role='tab'] {
-        @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground dark:text-muted-foreground inline-flex h-[calc(100% - 1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4;
+        @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground dark:text-muted-foreground inline-flex h-[calc(100%_-_1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4;
 
         &[aria-selected='true'] {
           @apply bg-background dark:text-foreground dark:border-input dark:bg-input/30 shadow-sm;