|
|
|
|
/****添加计算宽度的--运算符直接需要space****/
|
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
|
.bi-button {
|
|
|
|
|
-webkit-border-radius: 2px;
|
|
|
|
|
-moz-border-radius: 2px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
border: 1px solid #178cdf;
|
|
|
|
|
background-color: #3f8ce8;
|
|
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-common,
|
|
|
|
|
.bi-button.button-common .b-font {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-common .b-font:before {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-ignore {
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
border-color: #d4dadd;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-ignore,
|
|
|
|
|
.bi-button.button-ignore .b-font {
|
|
|
|
|
color: #1a1a1a;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-success {
|
|
|
|
|
background-color: #58cc7d;
|
|
|
|
|
border-color: #58cc7d;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-success,
|
|
|
|
|
.bi-button.button-success .b-font {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-success .b-font:before {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-warning {
|
|
|
|
|
background-color: #e85050;
|
|
|
|
|
border-color: #e85050;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-warning,
|
|
|
|
|
.bi-button.button-warning .b-font {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-warning .b-font:before {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-common.disabled,
|
|
|
|
|
.bi-button.button-success.disabled,
|
|
|
|
|
.bi-button.button-warning.disabled {
|
|
|
|
|
background: #cccccc !important;
|
|
|
|
|
border-color: #c4c6c6 !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-common.disabled,
|
|
|
|
|
.bi-button.button-success.disabled,
|
|
|
|
|
.bi-button.button-warning.disabled,
|
|
|
|
|
.bi-button.button-common.disabled .b-font,
|
|
|
|
|
.bi-button.button-success.disabled .b-font,
|
|
|
|
|
.bi-button.button-warning.disabled .b-font {
|
|
|
|
|
color: #ffffff !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-common.disabled .b-font:before,
|
|
|
|
|
.bi-button.button-success.disabled .b-font:before,
|
|
|
|
|
.bi-button.button-warning.disabled .b-font:before {
|
|
|
|
|
color: #ffffff !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-ignore.disabled {
|
|
|
|
|
background: #ffffff !important;
|
|
|
|
|
border-color: #d4dadd !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-ignore.disabled,
|
|
|
|
|
.bi-button.button-ignore.disabled .b-font {
|
|
|
|
|
color: #cccccc !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-button.button-ignore.disabled .b-font:before {
|
|
|
|
|
color: #cccccc !important;
|
|
|
|
|
}
|
|
|
|
|
.bi-basic-button.button-common .bi-button-mask,
|
|
|
|
|
.bi-basic-button.button-success .bi-button-mask,
|
|
|
|
|
.bi-basic-button.button-warning .bi-button-mask {
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
filter: alpha(opacity=20);
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
.bi-basic-button .bi-button-mask {
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
filter: alpha(opacity=20);
|
|
|
|
|
background-color: #1a1a1a;
|
|
|
|
|
}
|
