fix(YALB-579): fix link underline animation

yalesites-org · Jun 30, 2022 · c669a19 · c669a19
1 parent ed53859
commit c669a19
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/tokens/atoms/links.yml b/tokens/atoms/links.yml
@@ -6,16 +6,12 @@ link:
       value: "{color.gray.700}"
   styles:
     underline:
-      transform:
-        value: "scale(1, 1)"
-      transform-hover:
-        value: "scale(0, 1)"
-      bg-color:
-        value: "{link.color.base}"
+      size:
+        value: "100% 2px"
+      size-hover:
+        value: "0 2px"
     no-underline:
-      transform:
-        value: "scale(0, 1)"
-      transform-hover:
-        value: "scale(1, 1)"
-      bg-color:
-        value: "{link.color.hover}"
+      size:
+        value: "0 2px"
+      size-hover:
+        value: "100% 2px"
diff --git a/tokens/base/effects.yml b/tokens/base/effects.yml
@@ -0,0 +1,6 @@
+animation:
+  speed:
+    default:
+      value: "200ms"
+    slow:
+      value: "800ms"