fmt: Add css nesting to fix the colors until reviewed

ir-engine · Jan 24, 2024 · 260d998 · 260d998
1 parent 21b56cd
commit 260d998
Showing 1 changed file with 31 additions and 32 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -6,9 +6,6 @@
  * @note Any CSS included here will be global.
  * @note The Docusaurus classic template bundles the Infima CSS framework by default.
  */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 /**
  * @section Tailwind CSS directives
@@ -151,35 +148,37 @@
  * @section Admonition Customization
  * @note Colors are taken from the main --ifm-color-** variables. These are the overrides to the Docusaurus defaults.
  */
-.alert .alert--secondary {  /* Note Admonition */
-  --ifm-alert-foreground-color           : var(--ifm-color-gray-100);
-  --ifm-alert-background-color-highlight : var(--ifm-color-gray-200);
-  --ifm-alert-background-color           : var(--ifm-color-gray-800);
-  --ifm-alert-border-color               : var(--ifm-color-primary);
-};
-.alert .alert--success {  /* Tip Admonition */
-  --ifm-alert-foreground-color           : var(--ifm-color-info-lightest);
-  --ifm-alert-background-color-highlight : var(--ifm-color-info-light);
-  --ifm-alert-border-color               : var(--ifm-color-info-dark);
-  --ifm-alert-background-color           : var(--ifm-color-info-darkest);
-};
-.alert .alert--info {  /* Info Admonition */
-  --ifm-alert-foreground-color           : var(--ifm-color-success-lightest);
-  --ifm-alert-background-color-highlight : var(--ifm-color-success-light);
-  --ifm-alert-border-color               : var(--ifm-color-success-dark);
-  --ifm-alert-background-color           : var(--ifm-color-success-darkest);
-};
-.alert .alert--warning {  /* Warning Admonition */
-  --ifm-alert-foreground-color           : var(--ifm-color-warning-lightest);
-  --ifm-alert-background-color-highlight : var(--ifm-color-warning-light);
-  --ifm-alert-border-color               : var(--ifm-color-warning-dark);
-  --ifm-alert-background-color           : var(--ifm-color-warning-darkest);
-};
-.alert .alert--danger {  /* Danger Admonition */
-  --ifm-alert-foreground-color           : var(--ifm-color-danger-lightest);
-  --ifm-alert-background-color-highlight : var(--ifm-color-danger-light);
-  --ifm-alert-border-color               : var(--ifm-color-danger-dark);
-  --ifm-alert-background-color           : var(--ifm-color-danger-darkest);
+.alert {
+  &.alert--secondary {  /* Note Admonition */
+    --ifm-alert-foreground-color           : var(--ifm-color-gray-100);
+    --ifm-alert-background-color-highlight : var(--ifm-color-gray-200);
+    --ifm-alert-background-color           : var(--ifm-color-gray-800);
+    --ifm-alert-border-color               : var(--ifm-color-primary);
+  };
+  &.alert--success {  /* Tip Admonition */
+    --ifm-alert-foreground-color           : var(--ifm-color-info-lightest);
+    --ifm-alert-background-color-highlight : var(--ifm-color-info-light);
+    --ifm-alert-border-color               : var(--ifm-color-info-dark);
+    --ifm-alert-background-color           : var(--ifm-color-info-darkest);
+  };
+  &.alert--info {  /* Info Admonition */
+    --ifm-alert-foreground-color           : var(--ifm-color-success-lightest);
+    --ifm-alert-background-color-highlight : var(--ifm-color-success-light);
+    --ifm-alert-border-color               : var(--ifm-color-success-dark);
+    --ifm-alert-background-color           : var(--ifm-color-success-darkest);
+  };
+  &.alert--warning {  /* Warning Admonition */
+    --ifm-alert-foreground-color           : var(--ifm-color-warning-lightest);
+    --ifm-alert-background-color-highlight : var(--ifm-color-warning-light);
+    --ifm-alert-border-color               : var(--ifm-color-warning-dark);
+    --ifm-alert-background-color           : var(--ifm-color-warning-darkest);
+  };
+  &.alert--danger {  /* Danger Admonition */
+    --ifm-alert-foreground-color           : var(--ifm-color-danger-lightest);
+    --ifm-alert-background-color-highlight : var(--ifm-color-danger-light);
+    --ifm-alert-border-color               : var(--ifm-color-danger-dark);
+    --ifm-alert-background-color           : var(--ifm-color-danger-darkest);
+  };
 };
 
 .docusaurus-highlight-code-line {