add border bottom

swisspost · Dec 16, 2024 · d89cac2 · d89cac2
1 parent 19b25fa
commit d89cac2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/components/src/components/post-header/post-header.scss b/packages/components/src/components/post-header/post-header.scss
@@ -1,5 +1,6 @@
 @use '@swisspost/design-system-styles/mixins/media';
 @use '@swisspost/design-system-styles/variables/animation';
+@use '@swisspost/design-system-styles/mixins/utilities';
 
 *,
 ::before,
@@ -12,6 +13,9 @@
   --global-header-minimal-height: 24px;
   --main-header-height: 56px;
   --header-height: calc(var(--global-header-height) + var(--main-header-height));
+  @include utilities.high-contrast-mode() {
+    display: block;
+  }
 
   @include media.min(lg) {
     display: block;

diff --git a/packages/styles/src/components/header/index.scss b/packages/styles/src/components/header/index.scss
@@ -4,7 +4,10 @@
 @use 'mixins' as *;
 
 post-header {
-  ul[slot="meta-navigation"] {
+  @include utilities.high-contrast-mode() {
+    border-bottom: 2px solid LinkText !important;
+  }
+  ul[slot='meta-navigation'] {
     gap: var(--post-core-dimension-4);
 
     @include media.max(lg) {