breaking change: shorter css var names
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
:root {
|
||||
--van-submit-bar-height: 50px;
|
||||
--van-submit-bar-z-index: 100;
|
||||
--van-submit-bar-background-color: var(--van-background-color-light);
|
||||
--van-submit-bar-background: var(--van-background-light);
|
||||
--van-submit-bar-button-width: 110px;
|
||||
--van-submit-bar-price-color: var(--van-danger-color);
|
||||
--van-submit-bar-price-font-size: var(--van-font-size-sm);
|
||||
--van-submit-bar-price-integer-font-size: 20px;
|
||||
--van-submit-bar-price-font-family: var(--van-price-integer-font-family);
|
||||
--van-submit-bar-price-font: var(--van-price-font);
|
||||
--van-submit-bar-currency-font-size: var(--van-font-size-md);
|
||||
--van-submit-bar-text-color: var(--van-text-color);
|
||||
--van-submit-bar-text-font-size: var(--van-font-size-md);
|
||||
@@ -14,7 +14,7 @@
|
||||
--van-submit-bar-tip-font-size: var(--van-font-size-sm);
|
||||
--van-submit-bar-tip-line-height: 1.5;
|
||||
--van-submit-bar-tip-color: var(--van-orange-dark);
|
||||
--van-submit-bar-tip-background-color: var(--van-orange-light);
|
||||
--van-submit-bar-tip-background: var(--van-orange-light);
|
||||
--van-submit-bar-tip-icon-size: 12px;
|
||||
--van-submit-bar-button-height: 40px;
|
||||
--van-submit-bar-padding: 0 var(--van-padding-md);
|
||||
@@ -26,7 +26,7 @@
|
||||
left: 0;
|
||||
z-index: var(--van-submit-bar-z-index);
|
||||
width: 100%;
|
||||
background: var(--van-submit-bar-background-color);
|
||||
background: var(--van-submit-bar-background);
|
||||
user-select: none;
|
||||
|
||||
&__tip {
|
||||
@@ -34,7 +34,7 @@
|
||||
color: var(--van-submit-bar-tip-color);
|
||||
font-size: var(--van-submit-bar-tip-font-size);
|
||||
line-height: var(--van-submit-bar-tip-line-height);
|
||||
background: var(--van-submit-bar-tip-background-color);
|
||||
background: var(--van-submit-bar-tip-background);
|
||||
}
|
||||
|
||||
&__tip-icon {
|
||||
@@ -69,24 +69,24 @@
|
||||
|
||||
&__suffix-label {
|
||||
margin-left: var(--van-padding-base);
|
||||
font-weight: var(--van-font-weight-bold);
|
||||
font-weight: var(--van-font-bold);
|
||||
}
|
||||
|
||||
&__price {
|
||||
color: var(--van-submit-bar-price-color);
|
||||
font-weight: var(--van-font-weight-bold);
|
||||
font-weight: var(--van-font-bold);
|
||||
font-size: var(--van-submit-bar-price-font-size);
|
||||
|
||||
&-integer {
|
||||
font-size: var(--van-submit-bar-price-integer-font-size);
|
||||
font-family: var(--van-submit-bar-price-font-family);
|
||||
font-family: var(--van-submit-bar-price-font);
|
||||
}
|
||||
}
|
||||
|
||||
&__button {
|
||||
width: var(--van-submit-bar-button-width);
|
||||
height: var(--van-submit-bar-button-height);
|
||||
font-weight: var(--van-font-weight-bold);
|
||||
font-weight: var(--van-font-bold);
|
||||
border: none;
|
||||
|
||||
&--danger {
|
||||
|
||||
Reference in New Issue
Block a user