feat(style): component using basic css variables
This commit is contained in:
@@ -9,21 +9,21 @@
|
||||
.van-action-bar-button {
|
||||
flex: 1;
|
||||
height: var(--van-action-bar-button-height);
|
||||
font-weight: @font-weight-bold;
|
||||
font-size: @font-size-md;
|
||||
font-weight: var(--van-font-weight-bold);
|
||||
font-size: var(--van-font-size-md);
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
|
||||
&--first {
|
||||
margin-left: 5px;
|
||||
border-top-left-radius: @border-radius-max;
|
||||
border-bottom-left-radius: @border-radius-max;
|
||||
border-top-left-radius: var(--van-border-radius-max);
|
||||
border-bottom-left-radius: var(--van-border-radius-max);
|
||||
}
|
||||
|
||||
&--last {
|
||||
margin-right: 5px;
|
||||
border-top-right-radius: @border-radius-max;
|
||||
border-bottom-right-radius: @border-radius-max;
|
||||
border-top-right-radius: var(--van-border-radius-max);
|
||||
border-bottom-right-radius: var(--van-border-radius-max);
|
||||
}
|
||||
|
||||
&--warning {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@action-bar-button-height: 40px;
|
||||
@action-bar-button-warning-color: @gradient-orange;
|
||||
@action-bar-button-danger-color: @gradient-red;
|
||||
@action-bar-button-warning-color: var(--van-gradient-orange);
|
||||
@action-bar-button-danger-color: var(--van-gradient-red);
|
||||
|
||||
Reference in New Issue
Block a user