fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
@import "../../../bibase";
|
|
|
|
|
|
|
|
|
|
.bi-button {
|
|
|
|
|
.border-radius(2px);
|
|
|
|
|
border: 1px solid @color-bi-text-highlight;
|
|
|
|
|
background-color: @color-bi-text-highlight;
|
|
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
&.button-common {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
& .b-font:before {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.button-ignore {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text-black;
|
|
|
|
|
}
|
|
|
|
|
background-color: @color-bi-background-default;
|
|
|
|
|
border-color: @color-bi-split-dark;
|
|
|
|
|
}
|
|
|
|
|
&.button-success {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
background-color: @color-bi-background-success;
|
|
|
|
|
border-color: @color-bi-border-success;
|
|
|
|
|
& .b-font:before {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.button-warning {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
background-color: @color-bi-background-delete;
|
|
|
|
|
border-color: @color-bi-border-delete;
|
|
|
|
|
& .b-font:before {
|
|
|
|
|
color: @color-bi-text;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.button-common.disabled,
|
|
|
|
|
&.button-success.disabled,
|
|
|
|
|
&.button-warning.disabled {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text !important;
|
|
|
|
|
}
|
|
|
|
|
& .b-font:before {
|
|
|
|
|
color: @color-bi-text !important;
|
|
|
|
|
}
|
|
|
|
|
background: @color-bi-background-disabled !important;
|
|
|
|
|
border-color: @color-bi-split-disabled !important;
|
|
|
|
|
}
|
|
|
|
|
&.button-ignore.disabled {
|
|
|
|
|
&, & .b-font {
|
|
|
|
|
color: @color-bi-text-disabled !important;
|
|
|
|
|
}
|
|
|
|
|
& .b-font:before {
|
|
|
|
|
color: @color-bi-text-disabled !important;
|
|
|
|
|
}
|
|
|
|
|
background: @color-bi-background-default !important;
|
|
|
|
|
border-color: @color-bi-split-dark !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bi-basic-button {
|
|
|
|
|
&.button-common, &.button-success, &.button-warning {
|
|
|
|
|
& .bi-button-mask {
|
|
|
|
|
.opacity(0.2);
|
|
|
|
|
background-color: @color-bi-background-default;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
& .bi-button-mask {
|
|
|
|
|
.opacity(0.2);
|
|
|
|
|
background-color: @color-bi-button-mask;
|
|
|
|
|
}
|
|
|
|
|
}
|
