fix(link): add missing color for active state (#81)

ovh · Jun 27, 2023 · 0ed10dc · 0ed10dc
1 parent 5609893
commit 0ed10dc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/stencil/components/link/src/components/osds-link/osds-link.scss b/packages/stencil/components/link/src/components/osds-link/osds-link.scss
@@ -60,6 +60,13 @@
   }
 }
 
+
+:active {
+  @include osds-link-on-text-content() {
+    transition: color ease-in-out 0s;
+  }
+}
+
 :host([disabled]) {
   cursor: not-allowed;
   opacity: .5;

diff --git a/packages/stencil/components/link/src/components/osds-link/styles/osds-link.color.scss b/packages/stencil/components/link/src/components/osds-link/styles/osds-link.color.scss
@@ -38,6 +38,17 @@
     }
   }
 
+  @include ods-all-hue-foreach-theme-color((
+    color: '800',
+    border-color: '800',
+  )) using($colors) {
+    :host(&:active) {
+      @include osds-link-on-link-container() {
+        color: map_get($colors, color);
+      }
+    }
+  }
+
   [contrasted] {
     @include ods-and-all-hue-foreach-theme-color((
             color: '500-contrasted'