feat(style): component using basic css variables

This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
+6 -6
View File
@@ -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 {
+2 -2
View File
@@ -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);