@swisspost/internet-header 1.5.5 → 1.5.6

package/dist/collection/components/post-internet-header/post-internet-header.css

@@ -235,28 +235,24 @@ svg {
   :host(:not(.stickyness-none)) {
     position: sticky;
   }
-
   :host(.stickyness-full) {
     top: 0;
   }
-
   :host(.stickyness-main) {
     top: calc(var(--meta-header-height, 0px) * -1);
   }
-
   :host(.stickyness-minimal) {
     top: calc((var(--header-height, 0px) + var(--meta-header-height, 0px)) * -1);
     transition: top 200ms ease-in;
   }
-
   :host(.stickyness-minimal.scrolling-up),
-:host(.stickyness-minimal.dropdown-open) {
+  :host(.stickyness-minimal.dropdown-open) {
     top: calc(var(--meta-header-height, 0px) * -1);
     transition: top 200ms ease-out;
   }
 }
 .post-internet-header {
-  border-bottom: 1px solid #e6e6e6;
+  border-bottom: 1px solid hsl(0, 0%, 90%);
   background-color: white;
 }
 
@@ -300,7 +296,7 @@ svg {
   }
 }
 .main-navigation-controls > * {
-  border-left: 1px solid #e6e6e6;
+  border-left: 1px solid hsl(0, 0%, 90%);
 }
 
 .menu-button {
@@ -309,9 +305,8 @@ svg {
   padding: 0 calc(1rem - 1px);
   font-weight: 300;
   cursor: pointer;
-  border-left: 1px solid #e6e6e6;
-  order: 1;
-  /* Display on the far right because of tab order */
+  border-left: 1px solid hsl(0, 0%, 90%);
+  order: 1; /* Display on the far right because of tab order */
 }
 @media (min-width: 1024px) {
   .menu-button {

package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.css

@@ -128,7 +128,7 @@
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .btn-link,
-.btn-tertiary {
+  .btn-tertiary {
     color: linktext;
     text-decoration: underline !important;
   }
@@ -367,11 +367,11 @@
 
 .btn-info {
   border-color: transparent;
-  background-color: #fc0;
+  background-color: #cce4ee;
   color: #000;
 }
 .btn-info:focus, .btn-info:not(:disabled):hover, .btn-info.pretend-hover {
-  background-color: #cca300;
+  background-color: #a6d0e1;
   color: #000;
 }
 
@@ -720,7 +720,7 @@ svg {
 }
 
 .klp-widget-anonymous a:hover {
-  color: black;
+  color: rgb(0, 0, 0);
 }
 
 .notification-number-detail {
@@ -1180,7 +1180,7 @@ li.name-and-surname span.infoHidden {
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
-  background-color: black;
+  background-color: rgb(0, 0, 0);
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
@@ -1287,7 +1287,7 @@ li.name-and-surname span.infoHidden {
 .klp-widget-anonymous__wrapper a {
   display: flex;
   align-items: center;
-  color: #333333;
+  color: hsl(0, 0%, 20%);
   text-decoration: none;
   padding: 0 1rem;
   transition: color 200ms;

package/dist/collection/components/post-language-switch/post-language-switch.css

@@ -219,7 +219,7 @@ svg {
 :host::before {
   display: var(--separator-display);
   height: var(--separator-height);
-  border-left: 1px solid #e6e6e6;
+  border-left: 1px solid hsl(0, 0%, 90%);
   content: "";
 }
 
@@ -260,7 +260,7 @@ svg {
 
 .current-language {
   text-transform: uppercase;
-  border-right: 1px solid #cccccc;
+  border-right: 1px solid hsl(0, 0%, 80%);
   padding: 0.5rem 1rem 0.5rem 0;
 }
 
@@ -288,7 +288,7 @@ svg {
   display: flex;
 }
 .list .language-switch-dropdown ul > li + li {
-  border-left: 1px solid #cccccc;
+  border-left: 1px solid hsl(0, 0%, 80%);
 }
 .language-switch-dropdown a,
 .language-switch-dropdown button {

package/dist/collection/components/post-main-navigation/post-main-navigation.css

@@ -272,9 +272,9 @@ svg {
 
 @media (min-width: 1024px) {
   .main-navigation,
-.main-container,
-.main-container li,
-.main-link {
+  .main-container,
+  .main-container li,
+  .main-link {
     height: 100%;
   }
 }
@@ -345,7 +345,7 @@ svg {
     padding-bottom: 2.5rem;
   }
   .main-container > li + li {
-    border-top: 1px solid #e6e6e6;
+    border-top: 1px solid hsl(0, 0%, 90%);
   }
 }
 @media (min-width: 1024px) {
@@ -413,14 +413,14 @@ svg {
 }
 @media (prefers-reduced-motion: reduce) {
   .main-link::after,
-.flyout-link::after {
+  .flyout-link::after {
     transition: none;
   }
 }
 .main-link:hover::after, .main-link.focus::after,
 .flyout-link:hover::after,
 .flyout-link.focus::after {
-  background-color: #cccccc;
+  background-color: hsl(0, 0%, 80%);
   opacity: 1;
   transform: scale(1);
 }
@@ -571,7 +571,7 @@ svg {
 }
 
 .flyout-linklist li {
-  border-top: 1px solid #e6e6e6;
+  border-top: 1px solid hsl(0, 0%, 90%);
 }
 .flyout-linklist:first-child > li {
   border-top-color: transparent;