mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-12-21 02:50:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(link): fix style (#2990)

Browse Source
This commit is contained in:
kooriookami 2021-08-19 19:48:50 +08:00 committed by GitHub
parent f3536b899f
commit 17628c2fb5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/theme-chalk/src/link.scss
View File

@ -46,28 +46,33 @@
&.#{$namespace}-link--default { &.#{$namespace}-link--default {
color: var(--el-link-default-font-color); color: var(--el-link-default-font-color);
&:hover { &:hover {
color: var(--el-link-default-active-color); color: var(--el-link-default-active-color);
} }
&:after { &:after {
border-color: var(--el-link-default-active-color); border-color: var(--el-link-default-active-color);
} }
@include when(disabled) { @include when(disabled) {
color: var(--el-link-disabled-font-color); color: var(--el-link-disabled-font-color);
} }
} }
@each $type in $--types { @each $type in $--types {
--el-link-font-color: var(--el-color-#{$type});
&.#{$namespace}-link--#{$type} { &.#{$namespace}-link--#{$type} {
--el-link-font-color: var(--el-color-#{$type});
color: var(--el-link-font-color); color: var(--el-link-font-color);
&:hover { &:hover {
color: mix(map.get($--link-font-color, $type), $--color-white, 80%); color: mix(map.get($--link-font-color, $type), $--color-white, 80%);
} }
&:after { &:after {
border-color: var(--el-link-font-color); border-color: var(--el-link-font-color);
} }
@include when(disabled) { @include when(disabled) {
color: mix(map.get($--link-font-color, $type), $--color-white, 50%); color: mix(map.get($--link-font-color, $type), $--color-white, 50%);
} }