Revert "Translate logo positioning / sizing styles from rem to px"

This reverts commit 1d263e7.
jmuzina · Aug 8, 2024 · 6c5c7ce · 6c5c7ce
1 parent 7fb8d16
commit 6c5c7ce
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/scss/_patterns_navigation.scss b/scss/_patterns_navigation.scss
@@ -1,13 +1,13 @@
 @import 'settings';
 
 $lightness-threshold: 70;
-$navigation-logo-tag-width: 22px; // 22px when 1rem is 16px
-$navigation-logo-tag-height: 38px; // 38px when 1rem is 16px
-$navigation-logo-banner-height: 56px; // legacy logo height (on large screens)
+$navigation-logo-tag-width: 1.375rem; // 22px when 1rem is 16px
+$navigation-logo-tag-height: 2.375rem; // 38px when 1rem is 16px
+$navigation-logo-banner-height: 3.5rem; // legacy logo height (on large screens)
 $navigation-logo-size: 1rem;
-$navigation-logo-padding: 25.6px; // ~25.6px to align better with logos as originally designed in SVG
+$navigation-logo-padding: calc(1.5rem + 0.1rem); // ~25.6px to align better with logos as originally designed in SVG
 $sph-navigation-link: 0.3rem;
-$spv-navigation-logo-bottom-position: 4px;
+$spv-navigation-logo-bottom-position: 0.25rem; // 4px when 1rem is 16px
 
 @mixin vf-p-navigation {
   // placeholders