element-plus-theme-cestc
Version:
基于element-plus的ui组件做了一些修改,来适应公司ui规范
1 lines • 3.01 kB
CSS
.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-default-text-color:var(--el-text-color-regular);--el-link-default-active-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight)}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--el-link-default-active-color)}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:var(--el-link-default-text-color)}.el-link.el-link--default:hover{color:var(--el-link-default-active-color)}.el-link.el-link--default:after{border-color:var(--el-link-default-active-color)}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after,.el-link.el-link--error.is-underline:hover:after,.el-link.el-link--error:after,.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after,.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after,.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--default.is-disabled{color:var(--el-link-disabled-text-color)}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);color:var(--el-link-text-color)}.el-link.el-link--primary:hover{color:#5eb6ff}.el-link.el-link--primary.is-disabled{color:#9bd2ff}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);color:var(--el-link-text-color)}.el-link.el-link--success:hover{color:#70cdb1}.el-link.el-link--success.is-disabled{color:#a6e0cf}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);color:var(--el-link-text-color)}.el-link.el-link--warning:hover{color:#fba245}.el-link.el-link--warning.is-disabled{color:#fdc58b}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);color:var(--el-link-text-color)}.el-link.el-link--danger:hover{color:#ff7172}.el-link.el-link--danger.is-disabled{color:#ffa6a7}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);color:var(--el-link-text-color)}.el-link.el-link--error:hover{color:#ff7172}.el-link.el-link--error.is-disabled{color:#ffa6a7}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);color:var(--el-link-text-color)}.el-link.el-link--info:hover{color:#bababa}.el-link.el-link--info.is-disabled{color:#d4d4d4}