guy 3 years ago
parent
commit
7407c5088c
  1. 77
      src/less/base/single/button/button.less
  2. 15
      src/less/lib/theme.less

77
src/less/base/single/button/button.less

@ -84,6 +84,19 @@ body .bi-button, #body .bi-button {
background-color: transparent;
border-width: 0;
}
&.ghost {
&, & .b-font:before {
color: @color-bi-text-success-ghost-button;
}
background-color: transparent;
&:hover {
color: @color-bi-text;
background-color: @color-bi-background-success-button;
}
&:active {
background-color: @color-bi-background-success-button;
}
}
}
&.button-warning {
& {
@ -100,6 +113,19 @@ body .bi-button, #body .bi-button {
background-color: transparent;
border-width: 0;
}
&.ghost {
&, & .b-font:before {
color: @color-bi-text-warning-ghost-button;
}
background-color: transparent;
&:hover {
color: @color-bi-text;
background-color: @color-bi-background-warning-button;
}
&:active {
background-color: @color-bi-background-warning-button;
}
}
}
&.button-error {
& {
@ -111,11 +137,24 @@ body .bi-button, #body .bi-button {
}
&.clear {
&, & .b-font:before {
color: @color-bi-text-clear-error-button;
color: @color-bi-text-error-clear-button;
}
background-color: transparent;
border-width: 0;
}
&.ghost {
&, & .b-font:before {
color: @color-bi-text-error-ghost-button;
}
background-color: transparent;
&:hover {
color: @color-bi-text;
background-color: @color-bi-background-error-button;
}
&:active {
background-color: @color-bi-background-error-button;
}
}
}
&.button-common.disabled,
&.button-success.disabled,
@ -161,13 +200,45 @@ body .bi-button, #body .bi-button {
}
&.ghost {
&, & .b-font:before {
color: @color-bi-text-disabled-ignore-ghost-button !important;
// color: @color-bi-text-disabled-ignore-ghost-button !important;
}
background: transparent !important;
border-color: @color-bi-border-disabled-ignore-ghost-button !important;
// border-color: @color-bi-border-disabled-ignore-ghost-button !important;
.opacity(0.5);
}
}
&.button-common.disabled {
&.ghost {
&, & .b-font:before {
color: @color-bi-text-disabled-common-ghost-button !important;
}
border-color: @color-bi-border-disabled-common-ghost-button !important;
}
}
&.button-success.disabled {
&.ghost {
&, & .b-font:before {
color: @color-bi-text-disabled-success-ghost-button !important;
}
border-color: @color-bi-border-disabled-success-ghost-button !important;
}
}
&.button-warning.disabled {
&.ghost {
&, & .b-font:before {
color: @color-bi-text-disabled-warning-ghost-button !important;
}
border-color: @color-bi-border-disabled-warning-ghost-button !important;
}
}
&.button-error.disabled {
&.ghost {
&, & .b-font:before {
color: @color-bi-text-disabled-error-ghost-button !important;
}
border-color: @color-bi-border-disabled-error-ghost-button !important;
}
}
}
.bi-basic-button {

15
src/less/lib/theme.less

@ -77,14 +77,17 @@
@color-bi-background-success-button: @color-bi-background-success;
@color-bi-border-success-button: @color-bi-border-success;
@color-bi-text-success-clear-button: @color-bi-text-success;
@color-bi-text-success-ghost-button: @color-bi-text-success;
@color-bi-text-warning-button: @color-bi-text;
@color-bi-background-warning-button: @color-bi-background-warning;
@color-bi-border-warning-button: @color-bi-border-warning;
@color-bi-text-warning-clear-button: @color-bi-text-redmark;
@color-bi-text-warning-ghost-button: @color-bi-text-redmark;
@color-bi-text-error-button: @color-bi-text;
@color-bi-background-error-button: @color-bi-background-failure;
@color-bi-border-error-button: @color-bi-border-failure;
@color-bi-text-clear-error-button: @color-bi-text-failure;
@color-bi-text-error-clear-button: @color-bi-text-failure;
@color-bi-text-error-ghost-button: @color-bi-text-failure;
@color-bi-text-disabled-button: @color-bi-text-disabled;
@color-bi-background-disabled-button: @color-bi-background-light-disabled;
@color-bi-border-disabled-button: @color-bi-border-disabled;
@ -92,8 +95,14 @@
@color-bi-background-disabled-ignore-button: @color-bi-background-default;
@color-bi-border-disabled-ignore-button: @color-bi-border-line;
@color-bi-text-disabled-ignore-clear-button: @color-bi-text-disabled;
@color-bi-text-disabled-ignore-ghost-button: @color-bi-text-highlight;
@color-bi-border-disabled-ignore-ghost-button: @color-bi-border-highlight;
@color-bi-text-disabled-common-ghost-button: @color-bi-text-highlight;
@color-bi-border-disabled-common-ghost-button: @color-bi-border-highlight;
@color-bi-text-disabled-success-ghost-button: @color-bi-text-success;
@color-bi-border-disabled-success-ghost-button: @color-bi-border-success;
@color-bi-text-disabled-warning-ghost-button: @color-bi-text-redmark;
@color-bi-border-disabled-warning-ghost-button: @color-bi-border-warning;
@color-bi-text-disabled-error-ghost-button: @color-bi-text-failure;
@color-bi-border-disabled-error-ghost-button: @color-bi-border-failure;
@color-bi-background-disabled-button-theme-dark: @color-bi-background-light-disabled-theme-dark;
// 单选按钮

Loading…
Cancel
Save