alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(style): component using basic css variables

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/submit-bar/index.less
+6 -6
View File
@@ -63,7 +63,7 @@
&__text {
flex: 1;
padding-right: @padding-sm;
padding-right: var(--van-padding-sm);
color: var(--van-submit-bar-text-color);
text-align: right;
@@ -73,13 +73,13 @@
}
&__suffix-label {
margin-left: @padding-base;
font-weight: @font-weight-bold;
margin-left: var(--van-padding-base);
font-weight: var(--van-font-weight-bold);
}
&__price {
color: var(--van-submit-bar-price-color);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
font-size: var(--van-submit-bar-price-font-size);
&-integer {
@@ -91,11 +91,11 @@
&__button {
width: var(--van-submit-bar-button-width);
height: var(--van-submit-bar-button-height);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
border: none;
&--danger {
background: @gradient-red;
background: var(--van-gradient-red);
}
}
src/submit-bar/var.less
+11 -11
View File
@@ -2,21 +2,21 @@
@submit-bar-height: 50px;
@submit-bar-z-index: 100;
@submit-bar-background-color: @white;
@submit-bar-background-color: var(--van-white);
@submit-bar-button-width: 110px;
@submit-bar-price-color: @red;
@submit-bar-price-font-size: @font-size-md;
@submit-bar-currency-font-size: @font-size-md;
@submit-bar-text-color: @text-color;
@submit-bar-text-font-size: @font-size-md;
@submit-bar-tip-padding: @padding-xs @padding-sm;
@submit-bar-tip-font-size: @font-size-sm;
@submit-bar-price-color: var(--van-red);
@submit-bar-price-font-size: var(--van-font-size-md);
@submit-bar-currency-font-size: var(--van-font-size-md);
@submit-bar-text-color: var(--van-text-color);
@submit-bar-text-font-size: var(--van-font-size-md);
@submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
@submit-bar-tip-font-size: var(--van-font-size-sm);
@submit-bar-tip-line-height: 1.5;
@submit-bar-tip-color: #f56723;
@submit-bar-tip-background-color: #fff7cc;
@submit-bar-tip-icon-size: 12px;
@submit-bar-button-height: 40px;
@submit-bar-padding: 0 @padding-md;
@submit-bar-price-font-size: @font-size-sm;
@submit-bar-padding: 0 var(--van-padding-md);
@submit-bar-price-font-size: var(--van-font-size-sm);
@submit-bar-price-integer-font-size: 20px;
@submit-bar-price-font-family: @price-integer-font-family;
@submit-bar-price-font-family: var(--van-price-integer-font-family);