dev: Provide an "info" alert

Probesys · Aug 4, 2023 · f90870c · f90870c
1 parent 7b549e7
commit f90870c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/assets/icons/circle-info-info.svg b/assets/icons/circle-info-info.svg
diff --git a/assets/stylesheets/components/alerts.css b/assets/stylesheets/components/alerts.css
@@ -30,6 +30,14 @@
     border-color: var(--color-error9);
 }
 
+.alert--info {
+    color: var(--color-info12);
+
+    background-color: var(--color-info2);
+    background-image: url("../../icons/circle-info-info.svg");
+    border-color: var(--color-info9);
+}
+
 .alert--warning {
     color: var(--color-warning12);
 
@@ -50,6 +58,10 @@
     color: var(--color-error9);
 }
 
+.alert--info .alert__title {
+    color: var(--color-info11);
+}
+
 .alert--warning .alert__title {
     color: var(--color-warning11);
 }