Browse Source

chore: button样式优化

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

19
src/less/base/single/button/button.less

@ -58,16 +58,29 @@ body .bi-button, #body .bi-button {
}
&.button-ignore {
& {
background-color: transparent;
&:not(.clear, .ghost) {
border-color: @color-bi-border-ignore-button;
}
}
&:not(.clear, .ghost) {
&, & .b-font:before {
color: @color-bi-text-ignore-button;
}
background-color: transparent;
border-color: @color-bi-border-ignore-button;
}
&.clear {
background-color: transparent;
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 {
& {
@ -299,7 +312,9 @@ body .bi-button, #body .bi-button {
.transition(@activeStopVal)
}
&:hover {
&:not(.clear, .ghost) {
background-color: @color-bi-background-hover-ignore-button-mask;
}
.transition(@hoverVal);
}
}

Loading…
Cancel
Save