| | |
| | | .el-button--primary{ |
| | | --primary{ |
| | | color: @dark--text-base; |
| | | background-color: @dark--button-primary-background-color; |
| | | border-color: @dark--primary-color; |
| | | } |
| | | |
| | | .el-button--primary:hover, .el-button--primary:focus{ |
| | | --primary:hover, --primary:focus{ |
| | | background: rgb(51, 163, 182); |
| | | border-color: rgb(81, 229, 253); |
| | | color: @dark--title-color; |
| | | } |
| | | |
| | | .el-button--primary:active{ |
| | | --primary:active{ |
| | | background: rgb(0, 126, 148); |
| | | border-color: rgb(34, 200, 228); |
| | | color: @dark--title-color; |
| | | outline: none; |
| | | } |
| | | |
| | | .el-button--primary.is-active{ |
| | | --primary.is-active{ |
| | | background: rgb(0, 126, 148); |
| | | border-color: rgb(34, 200, 228); |
| | | color: @dark--title-color; |
| | | } |
| | | |
| | | .el-button--primary.is-plain{ |
| | | --primary.is-plain{ |
| | | background: transparent; |
| | | border: 1px solid #198CA7; |
| | | color: rgb(31, 45, 61); |
| | | } |
| | | |
| | | .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{ |
| | | --primary.is-plain:hover, --primary.is-plain:focus{ |
| | | background: transparent; |
| | | border-color: @dark--primary-color; |
| | | color: @dark--button-primary-background-color; |
| | |
| | | border: 1px solid @dark--primary-color; |
| | | } |
| | | .el-button--default:hover{ |
| | | background: transparent; |
| | | border-color: #0f93a9; |
| | | color: @dark--title-color; |
| | | background:@background-color; |
| | | } |
| | | .el-button--default:active{ |
| | | border-color: #0f93a9; |