From a630f1460bf6af62aa58adf76d1ac849eefc9140 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Harper?= <hi@fred.dev>
Date: Tue, 22 Oct 2024 17:15:15 -0400
Subject: [PATCH] remove nested CSS to fix build process warnings

---
 src/css/custom.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 8e462fff..33f840fd 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,5 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap");
 
+/* Docusaurus CSS minification process don't support nested CSS https://github.com/facebook/docusaurus/issues/10334 */
+
 .clean-btn {
   color: rgb(148 163 184) !important;
 }
@@ -172,17 +174,16 @@ div[class*="announcementBar"] {
   font-size: 1.1em;
   font-weight: bold;
   padding: 0.25em;
+}
 
-  img {
-    margin-right: 10px;
-    vertical-align: middle;
-  }
-
-  code {
-    padding: 5px;
-    font-weight: normal;
-  }
+div[class*="announcementBar"] img {
+  margin-right: 10px;
+  vertical-align: middle;
+}
 
+div[class*="announcementBar"] code {
+  padding: 5px;
+  font-weight: normal;
 }
 
 button[class*="announcementBar"] svg g {