fixup! feat: add PixNavigation component

1024pix · Nov 13, 2024 · 9621563 · 9621563
1 parent 1c06480
commit 9621563
Showing 1 changed file with 13 additions and 22 deletions.
diff --git a/addon/styles/_pix-navigation.scss b/addon/styles/_pix-navigation.scss
@@ -15,37 +15,28 @@
   padding: var(--pix-spacing-6x) var(--pix-spacing-4x);
   border-radius: var(--pix-spacing-6x);
 
+  --pix-navigation-button-bgcolor-hover: rgb(205, 209, 217, .3);
+  --pix-navigation-button-bgcolor-active: rgb(205, 209, 217, .5);
 
   &--orga {
-    color: var(--pix-orga-50);
-    background-color: var(--pix-orga-500);
+    --pix-navigation-color: var(--pix-orga-500);
+    --pix-navigation-text-color: var(--pix-neutral-0);
 
-    --pix-navigation-button-bgcolor-hover: rgb(205, 209, 217, .3);
-    --pix-navigation-button-bgcolor-active: rgb(205, 209, 217, .5);
-    --pix-navigation-invert-color: var(--pix-orga-500);
-    --pix-navigation-invert-bgcolor: var(--pix-orga-50);
   }
 
   &--certif {
-    color: var(--pix-certif-50);
-    background-color: var(--pix-certif-500);
-
-    --pix-navigation-button-bgcolor-hover: rgb(205, 209, 217, .3);
-    --pix-navigation-button-bgcolor-active: rgb(205, 209, 217, .5);
-    --pix-navigation-invert-color: var(--pix-certif-500);
-    --pix-navigation-invert-bgcolor: var(--pix-certif-50);
+    --pix-navigation-color: var(--pix-certif-500);
+    --pix-navigation-text-color: var(--pix-neutral-0);
   }
 
   &--primary {
-    color: var(--pix-primary-10);
-    background-color: var(--pix-primary-700);
-
-    --pix-navigation-button-bgcolor-hover: rgb(205, 209, 217, .3);
-    --pix-navigation-button-bgcolor-active: rgb(205, 209, 217, .5);
-    --pix-navigation-invert-color: var(--pix-primary-700);
-    --pix-navigation-invert-bgcolor: var(--pix-primary-10);
+    --pix-navigation-color: var(--pix-primary-700);
+    --pix-navigation-text-color: var(--pix-neutral-0);
   }
 
+  color: var(--pix-navigation-text-color);
+  background-color: var(--pix-navigation-color);
+
   &__brand {
     margin-bottom: 0;
     padding:0;
@@ -70,8 +61,8 @@
     @extend %pix-body-s;
 
     & .pix-button--primary {
-      color: var(--pix-navigation-invert-color);
-      background-color:var(--pix-navigation-invert-bgcolor);
+      color: var(--pix-navigation-color);
+      background-color:var(--pix-navigation-text-color);
 
       &:hover {
         color: currentcolor;