pro-vue
Version:
65 lines (64 loc) • 1.3 kB
CSS
.ea-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
border: 1px solid #dcdfe6;
color: #606266;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
box-sizing: border-box;
outline: none;
margin: 0;
transition: 0.1s;
font-weight: 500;
padding: 12px 20px;
font-size: 14px;
border-radius: 4px;
}
.ea-button.ea-button--primary {
color: #fff;
background-color: #409eff;
border-color: #409eff;
}
.ea-button.ea-button--primary:hover {
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
}
.ea-button.ea-button--success {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
}
.ea-button.ea-button--success:hover {
background: #85ce61;
border-color: #85ce61;
color: #fff;
}
.ea-button.ea-button--warning {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
}
.ea-button.ea-button--warning:hover {
background: #ebb563;
border-color: #ebb563;
color: #fff;
}
.ea-button.ea-button--danger {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
}
.ea-button.ea-button--danger:hover {
background: #f78989;
border-color: #f78989;
color: #fff;
}
.ea-button.ea-button--bold {
font-weight: 600;
}