@element-plus/nightly 0.0.20250420 → 0.0.20250421

package/theme-chalk/src/link.scss

@@ -22,28 +22,38 @@
   padding: 0;
   font-size: getCssVar('link', 'font-size');
   font-weight: getCssVar('link', 'font-weight');
-
   color: getCssVar('link', 'text-color');
 
-  &:hover {
-    color: getCssVar('link', 'hover-text-color');
+  @include when(hover-underline) {
+    &:hover:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      height: 0;
+      bottom: 0;
+      border-bottom: 1px solid getCssVar('link', 'hover-text-color');
+    }
   }
 
   @include when(underline) {
-    &:hover:after {
+    &:after {
       content: '';
       position: absolute;
       left: 0;
       right: 0;
       height: 0;
       bottom: 0;
-      border-bottom: 1px solid getCssVar('link', 'hover-text-color');
+      border-bottom: 1px solid getCssVar('link', 'text-color');
     }
   }
 
-  @include when(disabled) {
-    color: getCssVar('link', 'disabled-text-color');
-    cursor: not-allowed;
+  &:hover {
+    color: getCssVar('link', 'hover-text-color');
+
+    &:after {
+      border-color: getCssVar('link', 'hover-text-color');
+    }
   }
 
   & [class*='#{$namespace}-icon-'] {
@@ -52,12 +62,6 @@
     }
   }
 
-  &.#{$namespace}-link--default {
-    &:after {
-      border-color: getCssVar('link', 'hover-text-color');
-    }
-  }
-
   @include e(inner) {
     display: inline-flex;
     justify-content: center;
@@ -75,16 +79,15 @@
         ('link', 'disabled-text-color'),
         ('color', $type, 'light-5')
       );
+    }
+  }
 
-      &:after {
-        border-color: getCssVar('link', 'text-color');
-      }
+  @include when(disabled) {
+    color: getCssVar('link', 'disabled-text-color');
+    cursor: not-allowed;
 
-      @include when(underline) {
-        &:hover:after {
-          border-color: getCssVar('link', 'text-color');
-        }
-      }
+    &:after {
+      border-color: getCssVar('link', 'disabled-text-color');
     }
   }
 }