From 17628c2fb5726448fd726e09cc1e26318164b49e Mon Sep 17 00:00:00 2001
From: kooriookami <38392315+kooriookami@users.noreply.github.com>
Date: Thu, 19 Aug 2021 19:48:50 +0800
Subject: [PATCH] fix(link): fix style (#2990)

---
 packages/theme-chalk/src/link.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/theme-chalk/src/link.scss b/packages/theme-chalk/src/link.scss
index 78543a4574..11593fd24b 100644
--- a/packages/theme-chalk/src/link.scss
+++ b/packages/theme-chalk/src/link.scss
@@ -46,28 +46,33 @@
 
   &.#{$namespace}-link--default {
     color: var(--el-link-default-font-color);
+
     &:hover {
       color: var(--el-link-default-active-color);
     }
+
     &:after {
       border-color: var(--el-link-default-active-color);
     }
+
     @include when(disabled) {
       color: var(--el-link-disabled-font-color);
     }
   }
 
   @each $type in $--types {
-    --el-link-font-color: var(--el-color-#{$type});
-
     &.#{$namespace}-link--#{$type} {
+      --el-link-font-color: var(--el-color-#{$type});
       color: var(--el-link-font-color);
+
       &:hover {
         color: mix(map.get($--link-font-color, $type), $--color-white, 80%);
       }
+
       &:after {
         border-color: var(--el-link-font-color);
       }
+
       @include when(disabled) {
         color: mix(map.get($--link-font-color, $type), $--color-white, 50%);
       }