Browse Source

chore: button样式优化

es6
guy 3 years ago
parent
commit
4819522a1e
  1. 23
      src/less/base/single/button/button.less

23
src/less/base/single/button/button.less

@ -58,16 +58,29 @@ body .bi-button, #body .bi-button {
} }
&.button-ignore { &.button-ignore {
& { & {
background-color: transparent;
&:not(.clear, .ghost) {
border-color: @color-bi-border-ignore-button;
}
}
&:not(.clear, .ghost) {
&, & .b-font:before { &, & .b-font:before {
color: @color-bi-text-ignore-button; color: @color-bi-text-ignore-button;
} }
background-color: transparent;
border-color: @color-bi-border-ignore-button;
} }
&.clear { &.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
&.ghost {
&:hover {
&, & .b-font:before {
color: @color-bi-text-ignore-button;
}
}
background-color: transparent;
border-color: @color-bi-border-dark-gray-line;
}
} }
&.button-success { &.button-success {
& { & {
@ -298,8 +311,10 @@ body .bi-button, #body .bi-button {
.opacity(0.1); .opacity(0.1);
.transition(@activeStopVal) .transition(@activeStopVal)
} }
&:hover{ &:hover {
background-color: @color-bi-background-hover-ignore-button-mask; &:not(.clear, .ghost) {
background-color: @color-bi-background-hover-ignore-button-mask;
}
.transition(@hoverVal); .transition(@hoverVal);
} }
} }

Loading…
Cancel
Save