rax-medical/src/assets/css/custom-element.scss

74 lines
2.0 KiB
SCSS
Raw Normal View History

2023-12-15 18:08:45 +08:00
.el-select-dropdown__item.selected {
color: $main-color;
}
.el-select {
--el-select-input-focus-border-color: $main-color;
}
.el-radio {
.el-radio__input.is-checked .el-radio__inner {
border-color: $main-color;
background: $main-color;
}
.el-radio__input.is-checked+.el-radio__label {
color: $main-color;
}
}
.el-button.el-button--primary {
background-color: $main-color;
border-color: $main-color;
opacity: 1;
transition: all .6;
&:hover, &:active {
opacity: .7;
transition: all .6;
}
&:focus {
opacity: .9;
transition: all .6;
}
}
.el-dropdown-menu__item:not(.is-disabled):focus {
background-color: rgba($main-color, .1);
color: $main-color;
}
.el-dialog {
.el-dialog__header {
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
color: $main-color;
}
}
.el-dialog__body {
padding: 10px 20px;
}
.el-button {
--el-button-hover-text-color: $main-color;
--el-button-hover-bg-color: rgba(0, 96, 128, .1);
--el-button-hover-border-color: rgba(0, 96, 128, .8);
--el-button-active-text-color: $main-color;
--el-button-active-border-color: rgba(0, 96, 128, .8);
--el-button-active-bg-color: rgba(0, 96, 128, .1);
}
.el-button--primary {
--el-button-text-color: white;
--el-button-bg-color: $main-color;
--el-button-border-color: $main-color;
--el-button-outline-color: rgba(0, 96, 128, .5);
--el-button-active-color: rgba(0, 96, 128, .8);
--el-button-hover-text-color: white;
--el-button-hover-link-text-color: rgba(0, 96, 128, .5);
--el-button-hover-bg-color: rgba(0, 96, 128, .7);
--el-button-hover-border-color: rgba(0, 96, 128, .7);
--el-button-active-bg-color: rgba(0, 96, 128, .8);
--el-button-active-border-color: rgba(0, 96, 128, .8);
}
}