Banner with an announcment (#811)

* banner with announcment * banner text and link upd, banner only on the main page
2026-10-12 06:18:31 +02:00 · 2024-04-16 14:04:24 +02:00
parent 04b0264385
commit 4d693b739b
6 changed files with 76 additions and 2 deletions
@@ -0,0 +1,51 @@
+@use '../helpers/functions' as *;
+
+.top-banner {
+  display: flex;
+  height: rem(40);
+  justify-content: center;
+  align-items: center;
+  gap: $spacer * 1.5;
+  border-bottom: 1px solid #f4f6ff;
+  background: #f4f6ff;
+
+  &__text {
+    color: var(--brand-secondary);
+    font-size: rem(18);
+    margin-right: $spacer;
+  }
+
+  & a {
+    font-size: rem(18);
+    &:hover {
+      color: var(--brand-primary);
+      text-decoration: underline;
+    }
+  }
+
+  &__icon {
+    margin-right: $spacer;
+  }
+
+  &_dark {
+    background: var(--brand-dark-gray);
+    color: #fff;
+    border-bottom: 1px solid var(--brand-dark-gray);
+
+    .top-banner__text {
+      color: #fff;
+    }
+
+    & a {
+      color: var(--neutral-n-50);
+      text-decoration: underline;
+      &:hover {
+        color: #fff;
+      }
+    }
+
+    .top-banner__icon svg path {
+      fill: #EADDFF;
+    }
+  }
+}