fix

trimble-oss · Jun 26, 2024 · 5a32e28 · 5a32e28
1 parent 0750a65
commit 5a32e28
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/assets/styles/styles.scss b/assets/styles/styles.scss
@@ -120,3 +120,16 @@ input[type="search"]::-webkit-search-cancel-button {
 .nav-tabs {
   --bs-nav-tabs-border-radius: 0.25rem;
 }
+
+[data-bs-theme="light"] .alert-danger i.modus-icons {
+  color: var(--bs-danger);
+}
+[data-bs-theme="light"] .alert-primary i.modus-icons {
+  color: var(--bs-primary);
+}
+[data-bs-theme="light"] .alert-success i.modus-icons {
+  color: var(--bs-success);
+}
+[data-bs-theme="light"] .alert-warning i.modus-icons {
+  color: var(--bs-warning);
+}
diff --git a/content/components/web/alerts/styles.md b/content/components/web/alerts/styles.md
@@ -17,10 +17,10 @@ popoverCSSInspector: true
 
 ## Specifications
 
-- Container (Height: 56px; Radius: 2px; <span class="theme-l">background-color: white;</span> 1px border, 8px indicator line same color as border on the left; Padding: 16px; Margin: 16px) _required_
+- Container (Height: 56px; Radius: 2px; 1px border, 12px indicator line same color as border on the left; Padding: 16px; Margin: 16px) _required_
 - Alert text (Font: Open Sans Bold 14px) _required_
 - Leading Non-Interactive Icon/ Charm (16x16px) _optional_
-- Button (text only, right aligned) or trailing close icon (16px16px) _optional_
+- Button (text only, right aligned) or trailing close icon (16px16px)
 - Link (underlined, only one per alert) _optional_
 
 <div class="p-5 my-3 pr-5 bg-dark bg-opacity-10">
@@ -77,18 +77,6 @@ document.addEventListener('DOMContentLoaded', function() {
 [data-bs-theme="dark"] code {
   filter: brightness(250%);
 }
-[data-bs-theme="light"] .alert-danger i.modus-icons {
-  color: var(--bs-danger);
-}
-[data-bs-theme="light"] .alert-primary i.modus-icons {
-  color: var(--bs-primary);
-}
-[data-bs-theme="light"] .alert-success i.modus-icons {
-  color: var(--bs-success);
-}
-[data-bs-theme="light"] .alert-warning i.modus-icons {
-  color: var(--bs-warning);
-}
 </style>
 
 <div class="bg-secondary bg-opacity-10">